/* ?????????????????????????????????????????????????????????

   ???? / RESET

?????????????????????????????????????????????????????????? */

html, body{

  margin:0;

  max-width:100%;

  overflow-x:hidden;

}

html{ scrollbar-gutter: auto; }



*{ box-sizing:border-box; }



img, video, canvas, svg, iframe{

  max-width:100%;

  height:auto;

  display:block;

}



.nav a{

  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  text-transform:uppercase;

  letter-spacing:.06em;

}



.nav-ico{

  width:18px;

  height:18px;

  flex:0 0 18px;

  object-fit:contain;

  opacity:.9;

  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));

  transition:filter .2s ease, opacity .2s ease;

  stroke:currentColor;

  fill:none;

}

.nav-ico svg,

svg.nav-ico{

  width:18px;

  height:18px;

  stroke:currentColor;

  fill:none;

  color:currentColor;

}

.nav-ico svg [fill="currentColor"],

svg.nav-ico [fill="currentColor"]{

  fill:currentColor;

}

.nav a:hover .nav-ico{

  opacity:1;

  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)) drop-shadow(0 0 6px rgba(255,255,255,.35));

}

.nav-txt{ 

  line-height:1; 

  font-weight:500;

  letter-spacing:.02em;

}

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  font-weight:700;

  text-shadow:0 1px 2px rgba(0,0,0,.2);

  border-bottom:none;

  padding-bottom:0;

}



/* ?????????????????????????????????????????????????????????

   ?????????? / ?????

?????????????????????????????????????????????????????????? */

:root{

  /* Casinozer ? ref screens: hdr/ft #1A1A1A, page #0D0D0D, btn #018af9, red #C5265C */

  --mx-green:#018af9;

  --mx-green-bright:#3ba0ff;

  --mx-red:#c5265c;

  --mx-red-deep:#a01d4a;

  --page-bg:#0d0d0d;

  --main-bg:#0d0d0d;

  --main-text:#ffffff;

  --main-heading:#ffffff;

  --main-muted:#d0d0d0;

  --sidebar-blue-top:#0d0d0d;

  --sidebar-blue-bot:#0d0d0d;

  --sidebar-pill:rgba(1, 138, 249,.12);

  --sidebar-pill-hover:rgba(1, 138, 249,.22);

  --ink:#ffffff;

  --ink-bright:#ffffff;

  --ink-muted:#d0d0d0;

  --line:rgba(197, 38, 92, 0.55);

  --max:1320px;



  --primary:#018af9;

  --primary-mid:#3ba0ff;

  --primary-dark:#006bf6;

  --primary-glow:rgba(1, 138, 249, 0.40);

  --secondary:#018af9;

  --secondary-light:#5cb0ff;

  --text-heading:#ffffff;

  --on-lime:#0d0d0d;

  --accent-pink:#c5265c;

  --accent-blue:#1a1a1a;

  --accent-blue-strong:#1a1a1a;



  --gold1:#3ba0ff;

  --gold2:#018af9;

  --gold3:#006bf6;



  --table-label-bg:#0d0d0d;

  --table-value-bg:#0d0d0d;

  --table-border:rgba(0,0,0,.28);



  --ring:

    0 0 0 1px rgba(197, 38, 92, 0.35) inset,

    0 1px 0 rgba(255,255,255,.06) inset,

    0 8px 28px rgba(0, 0, 0, 0.35);



  --hdr-bg-top:#1a1a1a;

  --hdr-bg-bot:#1a1a1a;

  --btn-gold1:#3ba0ff;

  --btn-gold2:#018af9;

  --btn-gold3:#006bf6;

  --btn-chamfer:7px;

  --casea-clip:polygon(

    7px 0,

    calc(100% - 7px) 0,

    100% 7px,

    100% calc(100% - 7px),

    calc(100% - 7px) 100%,

    7px 100%,

    0 calc(100% - 7px),

    0 7px

  );

  --casea-clip-sm:polygon(

    5px 0,

    calc(100% - 5px) 0,

    100% 5px,

    100% calc(100% - 5px),

    calc(100% - 5px) 100%,

    5px 100%,

    0 calc(100% - 5px),

    0 5px

  );

  --casea-btn-blue:

    linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 38%),

    linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%);

  --casea-btn-gold:linear-gradient(160deg, #5cb0ff 0%, #018af9 40%, #006bf6 100%);

  --chip-green-face:

    linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 32%),

    #018af9;

  --chip-green-frame:#006bf6;

  --casea-btn-border:3px;

  --casea-btn-frame:-3px;

  --casea-clip-inner:polygon(

    4px 0,

    calc(100% - 4px) 0,

    100% 4px,

    100% calc(100% - 4px),

    calc(100% - 4px) 100%,

    4px 100%,

    0 calc(100% - 4px),

    0 4px

  );

  --casea-clip-sm-inner:polygon(

    2px 0,

    calc(100% - 2px) 0,

    100% 2px,

    100% calc(100% - 2px),

    calc(100% - 2px) 100%,

    2px 100%,

    0 calc(100% - 2px),

    0 2px

  );

  --casea-btn-face:var(--casea-btn-blue);



  --framePad: 14px;

  --bannerRad: 12px;

  --main-pad-top: clamp(10px, 2.5vw, 20px);

  --main-pad-x: clamp(14px, 3.5vw, 28px);

  --main-pad-bottom: 40px;

  --main-content-max: min(1100px, 100%);

}



/* Casinozer UI ? header/footer #1A1A1A, page #0D0D0D, turquoise buttons, red accents */

.head .lang-switch{ display:none !important; }

.logo img{ height:46px; max-width:260px; width:auto; object-fit:contain; filter:none !important; }

.ft-logo img{ height:42px; max-width:240px; width:auto; object-fit:contain; filter:none !important; }

.ft-btn{

  font-size:16px;

  font-weight:800;

  letter-spacing:.08em;

  padding:14px 30px;

  white-space:nowrap;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  text-shadow:none;

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;

}



/* Full-bleed header/footer divider lines (edge-to-edge) */

header{

  width:100% !important;

  max-width:none !important;

  left:0 !important;

  right:0 !important;

  margin-left:0 !important;

  margin-right:0 !important;

  box-sizing:border-box !important;

  border-left:0 !important;

  border-right:0 !important;

}

.site-footer{

  width:100% !important;

  max-width:none !important;

  margin-left:0 !important;

  margin-right:0 !important;

  box-sizing:border-box !important;

  border-left:0 !important;

  border-right:0 !important;

}



/* Sticky sidebar (desktop) + sticky/fixed header already set below */

@media (min-width:993px){

  .shell > .aside{

    position:sticky !important;

    top:calc(var(--hdrH, 64px) + 14px) !important;

    align-self:start !important;

  }

}



/* ?????????????????????????????????????????????????????????

   ?????????? ??? / ???????????

?????????????????????????????????????????????????????????? */

html{

  color-scheme:dark;

  background:var(--page-bg,#14161f);

  min-height:100%;

  -webkit-text-size-adjust:100%;

  text-size-adjust:100%;

}

html,body{

  color:var(--main-text,#e8eaef);

  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

}

body{

  background:transparent;

  position:relative;

  min-height:100%;

  isolation:isolate; /* stacking context: ::before ? z-index:-1 ?????? ??? ??????? */

}

body:before{

  content:"";

  position:fixed;

  inset:0;

  z-index:-1;

  pointer-events:none;

  opacity:1;

  background-color:#0d0d0d;

  background-image:none;

}



/* ?????????????????????????????????????????????????????????

   ????????

?????????????????????????????????????????????????????????? */

@keyframes pulse{

  0%{ box-shadow:0 0 0 0 rgba(1, 138, 249, 0.55) }

  70%{ box-shadow:0 0 0 20px rgba(1, 138, 249, 0) }

  100%{ box-shadow:0 0 0 0 rgba(1, 138, 249, 0) }

}

.pulse{ animation:pulse 1.8s infinite; }



/* ?????????????????????????????????????????????????????????

   HEADER / TOPBAR

?????????????????????????????????????????????????????????? */

header{

  position:fixed;

  top:0;

  left:0;

  right:0;

  z-index:100;

  background:#1a1a1a;

  border-bottom:1px solid rgba(255,255,255,.08);

  box-shadow:0 4px 20px rgba(0,0,0,.45);

  backdrop-filter:none;

}

header.scrolled{

  box-shadow:0 8px 28px rgba(0, 0, 0, 0.55);

  background:#1a1a1a;

}

body{

  padding-top:var(--hdrH, 64px);

}



.head{

  max-width:var(--max);

  margin:0 auto;

  padding:12px 16px;

  min-height:72px;

  display:flex;

  align-items:center;

  gap:10px;

  min-width:0;

  color:var(--main-text,#e7ece9);

}



.burger{

  display:none;

  align-items:center;

  justify-content:center;

  min-width:44px;

  min-height:44px;

  background:#151918;

  border:1px solid rgba(255,255,255,.12);

  color:#f8fafc;

  border-radius:10px;

  padding:8px 10px;

}



.logo{ flex:0 0 auto; }

.logo img{

  height:40px;

  width:auto;

  max-width:220px;

  object-fit:contain;

  filter:none;

}



/* Enlaces horizontales a la derecha del logo (solo ?993px) */

.head-nav{

  display:none;

  align-items:center;

  gap:clamp(10px, 2vw, 28px);

  flex:0 1 auto;

  min-width:0;

  margin-left:clamp(4px, 1vw, 14px);

}

@media (min-width: 993px){

  .head-nav{

    display:flex;

    flex:1 1 auto;

    justify-content:flex-start;

  }

  .offers-trigger{

    margin-left:0;

  }

}

.head-nav__link{

  font-family:"Antonio", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  font-weight:700;

  font-size:clamp(11px, 0.95vw, 13px);

  letter-spacing:.1em;

  text-transform:uppercase;

  color:rgba(255,255,255,.88);

  text-decoration:none;

  white-space:nowrap;

  padding:6px 0 4px;

  border-bottom:3px solid transparent;

  transition:opacity .2s ease, border-color .2s ease, color .2s ease;

}

.head-nav__link--active{

  font-weight:800;

  border-bottom-color:var(--secondary,#a855f7);

  color:#fff;

}

.head-nav__link:hover{

  opacity:1;

  color:#fff;

  border-bottom-color:#4a90e2;

}

.head-nav__link:focus-visible{

  outline:2px solid currentColor;

  outline-offset:4px;

  border-radius:2px;

}



/* ????????? ???????? */

@media (max-width:520px){ .logo img{ height:42px; max-width:220px; } }

@media (max-width:390px){ .logo img{ height:36px; max-width:190px; } }



/* Icono b?squeda (enlace /go/) a la derecha del regalo */

.head-search-ico{

  flex:0 0 auto;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  width:36px;

  height:36px;

  padding:0;

  margin:0;

  border-radius:10px;

  border:1px solid rgba(255,255,255,.14);

  background:var(--chip-btn-face, #151918);

  color:#ffffff;

  text-decoration:none;

  transition:background .2s ease, border-color .2s ease, transform .2s ease;

}



@media (hover: hover) and (min-width: 993px){

  a[data-go],

  a[data-go]:hover,

  a[data-go]:focus,

  a[data-go]:focus-visible,

  a[data-go] *,

  a[data-go]:hover *,

  a[data-go] img,

  a[data-go]:hover img,

  a[data-go] .promo-img,

  a[data-go]:hover .promo-img{

    cursor: default !important;

  }

}

.head-search-ico:hover{

  background:var(--chip-btn-hover, #1a221e);

  border-color:rgba(255,255,255,.18);

}

.head-search-ico:focus-visible{

  outline:2px solid var(--primary, #018af9);

  outline-offset:2px;

}

.head-search-ico svg{

  display:block;

  flex:0 0 auto;

}

@media (max-width:520px){

  .head-search-ico{

    width:44px;

    height:44px;

    min-width:44px;

    min-height:44px;

  }

  .head-search-ico svg{

    width:20px;

    height:20px;

  }

}



/* ??????? ?????? (?????) */

.btn{

  flex:0 0 auto;

  white-space:nowrap;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  padding:8px 14px;

  border-radius:999px;

  text-decoration:none;

  color:#1c1917;

  background:#f5f5f4;

  border:1px solid #e7e5e4;

  box-shadow:0 2px 8px rgba(28, 25, 23, 0.06);

}



/* ????????? ???? login/reg (???? ????? ???-?? ??? ??????) */

.btn--login,

.btn--reg{

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  border:none;

  border-radius:0;

  background:var(--casea-btn-face);

  clip-path:var(--casea-clip);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  position:relative;

  z-index:0;

  isolation:isolate;

}

.btn--login::before,

.btn--reg::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 38%);

  opacity:.85;

}

.btn--login::after,

.btn--reg::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-gold);

  box-shadow:0 0 8px rgba(59, 160, 255,.35);

}

.btn--reg{

  animation:casea-btn-pulse 2.4s infinite;

}



/* ?????? ? ?????? ? chamfered gold frame + glossy blue (ref. Casea) */

.head .btn{

  position:relative;

  z-index:0;

  isolation:isolate;

  height:36px;

  padding:0 18px;

  min-width:120px;

  border-radius:0;

  border:none;

  font-size:13px;

  font-weight:800;

  letter-spacing:.08em;

  text-transform:uppercase;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  animation:none;

  transform:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-face);

}



.head .btn::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 38%, transparent 55%);

  clip-path:var(--casea-clip);

  opacity:.9;

}



.head .btn::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  background:var(--casea-btn-gold);

  clip-path:var(--casea-clip);

  box-shadow:0 0 8px rgba(59, 160, 255,.35);

}



@media (hover:hover){

  .head .btn:hover{

    filter:brightness(1.08) saturate(1.05);

    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

  }

  .head .btn--login:hover,

  .head .btn--reg:hover{

    filter:brightness(1.08) saturate(1.05);

    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

  }

}

.head .btn:active{

  filter:brightness(.94);

  transform:translateY(1px);

  box-shadow:0 2px 8px rgba(0,0,0,.45);

}



header.scrolled .head .btn--login,

header.scrolled .head .btn--reg{

  background:var(--casea-btn-face);

}



header.scrolled .head .btn--reg::before{

  opacity:.85;

}



@media (hover:hover){

  header.scrolled .head .btn--reg:hover,

  header.scrolled .head .btn--login:hover{

    filter:brightness(1.08) saturate(1.05);

    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

  }

}



/* ?????-?????? ?? ??????? ? ???????? ????? ? ???? ??????? */

@media (max-width:520px){

  .head .btn{

    min-height:44px;

    height:auto;

    padding:10px 10px;

    min-width:0;

    flex:1 1 0;

    max-width:calc(50% - 4px);

    font-size:clamp(10px, 2.9vw, 12px);

    letter-spacing:.04em;

    line-height:1.2;

    white-space:normal;

    text-align:center;

  }

}



/* ????? ????????? ?????? - ??? ????? ?????????? ?????? */

@media (max-width:390px){

  .head .btn{

    padding:0 6px;

    font-size:8px;

    letter-spacing:.01em;

  }

}



/* Hover-?????????? ????????? ?????? ??? .btn--reg (???? ???????????? ???-?? ??? ??????) */

@media (hover:hover){

  .btn.btn--reg:hover,

  .btn.btn--reg:focus-visible{

    transform: translateZ(0) scale(1.06);

  }

}

@media (prefers-reduced-motion: reduce){

  .btn--reg{ transition:none; }

  .btn.btn--reg:hover,

  .btn.btn--reg:focus-visible{ transform:none; }

}



/* Language switcher (header): gold frame wrapper + dark blue inner face */

.head .lang-switch{

  position:relative;

  display:inline-flex;

  align-items:center;

  flex:0 0 auto;

  z-index:999;

  margin-left:8px;

}

.head .lang-switch::before{

  content:"";

  position:absolute;

  left:0;

  right:0;

  top:100%;

  height:0;

}

.head .lang-switch.open::before{ height:10px; }

.head .lang-switch__btn{

  -webkit-appearance:none;

  appearance:none;

  display:block;

  flex:0 0 auto;

  padding:3px;

  border:none;

  border-radius:0;

  cursor:pointer;

  height:40px;

  min-width:52px;

  background:var(--casea-btn-gold);

  clip-path:var(--casea-clip-sm);

  box-shadow:0 0 8px rgba(59, 160, 255,.35), 0 4px 14px rgba(0,0,0,.4);

  transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;

}

.head .lang-switch__inner{

  display:flex;

  align-items:center;

  justify-content:center;

  height:100%;

  padding:0 11px;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  font-family:"Antonio", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  font-weight:800;

  font-size:13px;

  letter-spacing:.08em;

  text-transform:uppercase;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  background:var(--casea-btn-face);

  clip-path:var(--casea-clip-sm-inner);

  position:relative;

  isolation:isolate;

}

.head .lang-switch__inner::before{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  clip-path:var(--casea-clip-sm-inner);

  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 38%, transparent 55%);

  opacity:.9;

}

@media (hover:hover){

  .head .lang-switch__btn:hover{

    filter:brightness(1.08) saturate(1.05);

    box-shadow:0 0 10px rgba(59, 160, 255,.45), 0 6px 18px rgba(74,144,226,.35);

  }

}

.head .lang-switch__btn:active{

  filter:brightness(.94);

  transform:translateY(1px);

}

.head .lang-switch .lang-menu{

  display:none;

  position:absolute;

  right:0;

  top:calc(100% + 10px);

  min-width:148px;

  margin:0;

  padding:6px 0;

  list-style:none;

  background:linear-gradient(180deg, #1a3149 0%, #14283a 100%);

  border:1px solid rgba(59, 160, 255,.45);

  border-radius:0;

  clip-path:var(--casea-clip-sm);

  box-shadow:0 12px 30px rgba(0,0,0,.55), 0 0 8px rgba(59, 160, 255,.2);

}

.head .lang-switch.open .lang-menu{ display:block; }

.head .lang-switch .lang-menu li{ padding:0; }

.head .lang-switch .lang-menu a{

  display:flex;

  align-items:center;

  padding:10px 14px;

  color:rgba(255,255,255,.92);

  text-decoration:none;

  font-family:"Antonio", system-ui, sans-serif;

  font-size:13px;

  font-weight:700;

  letter-spacing:.04em;

  text-transform:uppercase;

  white-space:nowrap;

}

.head .lang-switch .lang-menu a:hover,

.head .lang-switch .lang-menu li:hover{ background:rgba(59, 160, 255,.14); color:#fff; }

@media (max-width:520px){

  .head .lang-switch__btn{

    height:44px;

    min-width:44px;

  }

  .head .lang-switch__inner{

    padding:0 8px;

    font-size:11px;

  }

  .head .btn{

    max-width:calc(50% - 26px);

  }

}



/* ?????????????????????????????????????????????????????????

   LAYOUT / SHELL

?????????????????????????????????????????????????????????? */

.shell{

  max-width:var(--max);

  margin:0 auto;

  padding:18px 14px;

  display:grid;

  grid-template-columns:minmax(220px, 260px) minmax(0, 1fr);

  gap:20px;

  min-width:0;

  align-items:start;

}

.shell > .aside{

  grid-column:1;

  grid-row:1;

}

.shell > main{

  grid-column:2;

  grid-row:1;

  min-width:0;

  position:relative;

  z-index:1;

  background:#0d0d0d;

  border-radius:14px;

  padding:var(--main-pad-top) var(--main-pad-x) var(--main-pad-bottom);

  border:1px solid rgba(197,38,92,.35);

  box-shadow:

    0 12px 40px rgba(0, 0, 0, 0.35),

    0 0 0 1px rgba(197,38,92,.08),

    inset 0 1px 0 rgba(255, 255, 255, 0.04);

}



main p, main h1, main h2, main h3, main a{

  overflow-wrap:anywhere;

  word-break:break-word;

}



/* ??? ????? ? ????? ?????????????? ???????? */

.frame, .medals, .grid{ overflow-x:hidden; }



/* ?????????????????????????????????????????????????????????

   SIDEBAR (DESKTOP)

?????????????????????????????????????????????????????????? */

.aside{

  align-self:start;

  position:sticky;

  top:calc(var(--hdrH, 64px) + 14px);

  width:100%;

  max-width:260px;

  justify-self:stretch;

  box-sizing:border-box;

  background:#0d0d0d;

  border:1px solid rgba(0,0,0,.28);

  border-radius:16px;

  padding:14px;

  box-shadow:

    0 14px 44px rgba(0, 0, 0, 0.45),

    inset 0 1px 0 rgba(255,255,255,.04);

  overflow-x:hidden;

  max-height:none;

  overflow-y:visible;

}

.nav{ list-style:none; margin:0; padding:0; }

.nav li{ margin:6px 0; }

.nav a{

  display:flex;

  align-items:center;

  gap:10px;

  padding:12px 12px;

  border-radius:12px;

  color:#ffffff;

  border:1px solid transparent;

  text-decoration:none;

  position:relative;

  transition:all .2s ease;

}

.aside .nav a{

  background:transparent;

  border:none;

  color:#ffffff;

  isolation:isolate;

  overflow:hidden;

}

.drawer .nav a{

  background:transparent;

  border:none;

  color:#ffffff;

  isolation:isolate;

  overflow:hidden;

}

.aside .nav a::after,

.drawer .nav a::after{

  content:"";

  position:absolute;

  inset:0;

  border-radius:12px;

  background:var(--casea-btn-gold);

  z-index:-2;

  pointer-events:none;

}

.aside .nav a::before,

.drawer .nav a::before{

  content:"";

  position:absolute;

  inset:2px;

  border-radius:10px;

  background:var(--casea-btn-blue);

  z-index:-1;

  pointer-events:none;

}

.aside .nav a .nav-ico,

.aside .nav a .nav-txt,

.drawer .nav a .nav-ico,

.drawer .nav a .nav-txt{

  position:relative;

  z-index:1;

}



/* Iconos del men? lateral como <img src="*.svg"> (rellenos #334155 etc.) ? blanco */

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico{

  filter:brightness(0) invert(1);

  opacity:.93;

}

.aside .nav a:hover img.nav-ico,

.drawer .nav a:hover img.nav-ico{

  filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,.28));

  opacity:1;

}

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.42));

  opacity:1;

}

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico{

  color:#fff;

}



.aside .nav a:hover{

  filter:brightness(1.08);

}

.aside .nav a.is-active{

  background:transparent;

  border:none;

  box-shadow:none;

  color:#ffffff;

  filter:brightness(1.1);

}



.drawer .nav a:hover{

  filter:brightness(1.08);

}

.drawer .nav a.is-active{

  background:transparent;

  border:none;

  box-shadow:none;

  color:#ffffff;

  filter:brightness(1.1);

}



.aside .nav a.is-active::before,

.drawer .nav a.is-active::before{

  background:

    linear-gradient(180deg, rgba(255,255,255,.1) 0%, transparent 42%),

    linear-gradient(180deg, #3a7dbd 0%, #25639a 48%, #16304d 58%, #0c1f35 100%);

  box-shadow:inset 0 0 10px rgba(74,144,226,.22);

}

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  box-shadow:0 0 10px rgba(59, 160, 255,.4);

}

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico{

  filter:drop-shadow(0 0 4px rgba(255,255,255,.45));

  position:relative;

  z-index:1;

}

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  position:relative;

  z-index:1;

}

.sep{

  height:10px;

  margin:8px 6px;

  border-top:1px solid rgba(26,51,88,.85);

  border-bottom:1px solid transparent;

  opacity:.9;

}

.sep-title{

  margin:8px 8px 4px;

  color:var(--ink-muted);

  font-size:12px;

  letter-spacing:.08em;

}

.flag-emoji{

  width:38px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  font-size:28px;

  line-height:0.5;

  transform: translateY(1px);

}



/* ?????????????????????????????????????????????????????????

   DRAWER (MOBILE)

?????????????????????????????????????????????????????????? */

.drawer{

  position:fixed;

  top:0;

  left:0;

  bottom:0;

  width:min(82vw,320px);

  background:linear-gradient(180deg, #0c1628 0%, #091220 55%, #070e1a 100%);

  border-right:2px solid #1a3358;

  box-shadow:0 20px 60px rgba(0,0,0,.65);

  transform:translateX(-100%);

  transition:transform .28s ease;

  z-index:120;

  display:flex;

  flex-direction:column;

  border-radius:0 18px 18px 0;

}

.drawer.open{ transform:translateX(0); }

/* Keep mobile drawer off-screen on desktop even if .open was left from a resize */

@media (min-width: 993px){

  .drawer,

  .drawer.open{

    transform:translateX(-110%) !important;

    visibility:hidden;

    pointer-events:none;

  }

}

.drawer .dhead{

  display:flex;

  align-items:center;

  justify-content:space-between;

  padding:12px 14px;

  border-bottom:1px solid rgba(255, 255, 255, 0.2);

  color:#ffffff;

  font-weight:800;

  letter-spacing:.04em;

}

.dclose{

  cursor:pointer;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:0;

  margin:0;

  padding:8px;

  width:44px;

  height:44px;

  min-height:44px;

  border-radius:0;

  font-family:inherit;

  font-size:0;

  font-weight:700;

  letter-spacing:0;

  text-transform:none;

  color:#fff;

  background:transparent;

  border:none;

  box-shadow:none;

  transition:opacity .2s ease, transform .15s ease;

}

.dclose:hover{

  background:transparent;

  border:none;

  opacity:.8;

}

.dclose:active{

  transform:scale(0.94);

}

.dclose:focus-visible{

  outline:2px solid #fff;

  outline-offset:2px;

}

/* White X close icon */

.dclose__icon{

  position:relative;

  width:22px;

  height:22px;

  flex:0 0 22px;

  display:block;

}

.dclose__icon::before,

.dclose__icon::after{

  content:"";

  position:absolute;

  left:50%;

  top:50%;

  width:22px;

  height:2px;

  border-radius:1px;

  background:#fff;

  box-shadow:none;

}

.dclose__icon::before{

  transform:translate(-50%, -50%) rotate(45deg);

}

.dclose__icon::after{

  transform:translate(-50%, -50%) rotate(-45deg);

}

.dclose__label{

  position:absolute;

  width:1px;

  height:1px;

  padding:0;

  margin:-1px;

  overflow:hidden;

  clip:rect(0,0,0,0);

  white-space:nowrap;

  border:0;

}

.dnav{ padding:10px 10px 16px; flex:1; display:flex; flex-direction:column; min-height:0; }

.dnav .nav{ flex:1; overflow-y:auto; }



/* ?????????????????????????????????????????????????????????

   OFFERS PANEL (promo desde el icono regalo)

?????????????????????????????????????????????????????????? */

.offers-trigger{

  flex:0 0 auto;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  width:36px;

  height:36px;

  padding:0;

  margin:0;

  border-radius:10px;

  border:1px solid rgba(255,255,255,.14);

  background:var(--chip-btn-face, #1f2433);

  color:#ffffff;

  cursor:pointer;

  transition:background .2s ease, border-color .2s ease, transform .2s ease;

}

.offers-trigger:hover{

  background:var(--chip-btn-hover, #252a3a);

  border-color:rgba(255,255,255,.18);

}

.offers-trigger:focus-visible{

  outline:2px solid #1a1a1a;

  outline-offset:2px;

}

.offers-trigger__ico{

  display:block;

  width:22px;

  height:22px;

  pointer-events:none;

}

@media (max-width:520px){

  .offers-trigger{

    width:44px;

    height:44px;

    min-width:44px;

    min-height:44px;

  }

  .offers-trigger__ico{

    width:22px;

    height:22px;

  }

}



.offers-backdrop{

  position:fixed;

  inset:0;

  z-index:125;

  background:rgba(44,35,27,.72);

  opacity:0;

  visibility:hidden;

  transition:opacity .36s ease, visibility .36s ease;

  pointer-events:none;

}

.offers-backdrop.is-open{

  opacity:1;

  visibility:visible;

  pointer-events:auto;

  -webkit-backdrop-filter:blur(14px) saturate(1.12);

  backdrop-filter:blur(14px) saturate(1.12);

}



/* Panel regalo: lightbox centrado, imagen compacta */

.offers-panel{

  --offers-panel-pad-x:18px;

  --offers-modal-max-w:min(90vw, 520px);

  position:fixed;

  left:50%;

  top:50%;

  right:auto;

  z-index:126;

  box-sizing:border-box;

  width:min(

    calc(var(--offers-modal-max-w) + (var(--offers-panel-pad-x) * 2)),

    calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px)

  );

  max-width:100%;

  height:auto;

  max-height:min(

    90dvh,

    calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)

  );

  background:#0C163E;

  border-radius:20px;

  border:1px solid rgba(79,119,168,.35);

  box-shadow:

    0 0 0 1px rgba(0,0,0,.45),

    0 0 80px rgba(22,28,52,.35),

    0 28px 80px rgba(0,0,0,.62),

    inset 0 1px 0 rgba(255,255,255,.06);

  display:flex;

  flex-direction:column;

  transform:translate(-50%, -50%) scale(.92);

  opacity:0;

  pointer-events:none;

  overflow:hidden;

  transition:

    transform .42s cubic-bezier(.22,1,.36,1),

    opacity .32s ease,

    box-shadow .4s ease;

}

.offers-panel.is-open{

  transform:translate(-50%, -50%) scale(1);

  opacity:1;

  pointer-events:auto;

  transition:

    transform .42s cubic-bezier(.22,1,.36,1),

    opacity .34s ease .05s,

    box-shadow .4s ease;

}

@media (max-width:640px){

  .offers-panel{

    --offers-panel-pad-x:12px;

    --offers-modal-max-w:min(92vw, 480px);

    border-radius:16px;

  }

  .offers-panel__head{

    padding:10px 10px 8px;

  }

  .offers-panel__head::after{

    left:12px;

    right:12px;

  }

  .offers-panel__title{

    font-size:clamp(11px, 3.4vw, 15px);

    letter-spacing:.08em;

    padding:0 44px;

  }

  .offers-panel__title::before{

    width:26px;

    height:3px;

    margin-bottom:5px;

  }

  .offers-panel__close{

    width:38px;

    height:38px;

    font-size:18px;

    right:8px;

  }

  .offers-panel__foot{

    margin-left:calc(-1 * var(--offers-panel-pad-x));

    margin-right:calc(-1 * var(--offers-panel-pad-x));

    margin-bottom:calc(-1 * 16px);

    padding:10px 12px 12px;

    border-radius:0 0 14px 14px;

  }

}



.offers-panel__head{

  position:relative;

  display:flex;

  align-items:center;

  justify-content:center;

  min-height:44px;

  padding:14px 14px 12px;

  border-bottom:none;

  background:

    radial-gradient(140% 200% at 50% 0%, rgba(190,122,44,.16), transparent 55%),

    radial-gradient(80% 120% at 100% 0%, rgba(46,36,25,.28), transparent 45%),

    linear-gradient(180deg, rgba(66,52,41,.98), rgba(60,47,36,.94));

  flex:0 0 auto;

  min-width:0;

}

.offers-panel__head::after{

  content:"";

  position:absolute;

  left:16px;

  right:16px;

  bottom:0;

  height:1px;

  background:linear-gradient(

    90deg,

    transparent 0%,

    rgba(190,122,44,.35) 18%,

    rgba(232,213,181,.45) 50%,

    rgba(190,122,44,.35) 82%,

    transparent 100%

  );

  opacity:.95;

}

.offers-panel__title{

  margin:0 auto;

  width:100%;

  max-width:100%;

  padding:0 44px;

  box-sizing:border-box;

  font-family:Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;

  font-size:clamp(13px, 2.8vw, 17px);

  font-weight:800;

  color:#f8fafc;

  letter-spacing:.1em;

  line-height:1.25;

  text-transform:uppercase;

  text-align:center;

  overflow-wrap:anywhere;

  hyphens:auto;

  text-shadow:

    0 1px 0 rgba(0,0,0,.45),

    0 2px 14px rgba(0,0,0,.35),

    0 0 20px rgba(190,122,44,.18);

}

.offers-panel__title::before{

  content:"";

  display:block;

  width:32px;

  height:3px;

  border-radius:999px;

  margin:0 auto 8px;

  background:linear-gradient(90deg, #352b1e, #018af9, #e8d5b5, rgba(232,213,181,.85));

  box-shadow:0 0 12px rgba(190,122,44,.3);

}

.offers-panel__close{

  position:absolute;

  top:50%;

  right:12px;

  z-index:2;

  width:36px;

  height:36px;

  border-radius:10px;

  border:1px solid rgba(255,255,255,.12);

  background:linear-gradient(165deg, rgba(255,255,255,.08), rgba(53,43,30,.92));

  color:#f1f5f9;

  font-size:0;

  line-height:0;

  font-weight:300;

  cursor:pointer;

  padding:0;

  display:grid;

  place-items:center;

  transform:translateY(-50%);

  box-shadow:

    0 2px 10px rgba(0,0,0,.3),

    inset 0 1px 0 rgba(255,255,255,.08);

  transition:

    transform .22s ease,

    box-shadow .22s ease,

    border-color .22s ease,

    background .22s ease,

    color .22s ease;

}

.offers-panel__close:hover{

  border-color:rgba(190,122,44,.45);

  background:linear-gradient(165deg, rgba(190,122,44,.28), rgba(53,43,30,.96));

  color:#fff;

  box-shadow:

    0 4px 22px rgba(190,122,44,.22),

    inset 0 1px 0 rgba(255,255,255,.1);

  transform:translateY(-50%) scale(1.06);

}

.offers-panel__close:active{

  transform:translateY(-50%) scale(.94);

}

.offers-panel__close:focus-visible{

  outline:2px solid #006bf6;

  outline-offset:3px;

}

.offers-panel__close-ico{

  width:18px;

  height:18px;

  display:block;

  pointer-events:none;

}



.offers-panel__body{

  flex:1 1 auto;

  min-height:0;

  overflow-y:auto;

  overflow-x:hidden;

  padding:12px var(--offers-panel-pad-x) 4px;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:none; /* Firefox: sin barra visible en el modal regalo */

  -ms-overflow-style:none; /* IE / Edge legacy */

}

.offers-panel__body::-webkit-scrollbar{

  width:0 !important;

  height:0 !important;

  display:none; /* Chrome, Safari, Edge */

  background:transparent;

}

.offers-panel__body::-webkit-scrollbar-thumb,

.offers-panel__body::-webkit-scrollbar-track{

  background:transparent;

}

.offers-panel__link{

  display:block;

  line-height:0;

  text-decoration:none;

  border-radius:12px;

  outline-offset:2px;

  overflow:hidden;

}

.offers-panel__link:focus-visible{

  outline:2px solid #006bf6;

  outline-offset:3px;

}

.offers-panel__figure{

  margin:0;

  padding:3px;

  border-radius:16px;

  background:linear-gradient(

    145deg,

    #4a3828 0%,

    #423429 38%,

    #3c2f24 68%,

    #352b1e 100%

  );

  box-shadow:

    0 0 0 1px rgba(190,122,44,.24),

    0 16px 48px rgba(0,0,0,.5),

    0 0 56px rgba(190,122,44,.12),

    inset 0 1px 0 rgba(255,255,255,.08);

  opacity:0;

  transform:scale(.94) translateY(16px);

  transition:

    opacity .44s ease .1s,

    transform .52s cubic-bezier(.22,1,.36,1) .1s,

    box-shadow .4s ease;

}

.offers-panel__figure picture{

  display:block;

  width:100%;

  line-height:0;

}

.offers-panel.is-open .offers-panel__figure{

  opacity:1;

  transform:scale(1) translateY(0);

}



.offers-panel__foot{

  position:relative;

  flex:0 0 auto;

  margin-top:8px;

  margin-left:calc(-1 * var(--offers-panel-pad-x));

  margin-right:calc(-1 * var(--offers-panel-pad-x));

  margin-bottom:calc(-1 * 18px);

  padding:12px 16px 16px;

  text-align:center;

  border-radius:0 0 18px 18px;

  background:#0C163E;

  border-top:1px solid rgba(79,119,168,.22);

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.06),

    0 -12px 40px rgba(0,0,0,.25);

}

.offers-panel__foot::before{

  content:"";

  position:absolute;

  left:10%;

  right:10%;

  top:0;

  height:1px;

  background:linear-gradient(

    90deg,

    transparent,

    rgba(190,122,44,.35) 25%,

    rgba(232,213,181,.45) 50%,

    rgba(190,122,44,.35) 75%,

    transparent

  );

}

.offers-panel__hint{

  margin:0;

  font-size:12px;

  line-height:1.5;

  color:rgba(236,228,216,.85);

  text-align:center;

  letter-spacing:.03em;

  font-weight:500;

}

.offers-panel__hint::before{

  content:"";

  display:block;

  width:5px;

  height:5px;

  margin:0 auto 8px;

  border-radius:50%;

  background:radial-gradient(circle at 30% 30%, #006bf6, #4a3828 55%, #352b1e);

  box-shadow:0 0 14px rgba(190,122,44,.35);

}

.offers-panel__img{

  display:block;

  width:100%;

  max-width:100%;

  height:auto;

  /* Cabeza + pie del modal: evita overflow de pocos px que dispara scrollbar */

  max-height:min(52vh, 380px, calc(90dvh - 228px));

  margin:0 auto;

  object-fit:contain;

  object-position:center;

  border-radius:13px;

  transform:scale(1);

  transform-origin:center center;

  transition:transform .3s ease, filter .3s ease;

  filter:saturate(1.05) contrast(1.03);

  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);

}

@media (hover:hover){

  .offers-panel__link:hover .offers-panel__img{

    transform:scale(1.012);

    filter:saturate(1.08) contrast(1.03);

  }

  .offers-panel.is-open .offers-panel__link:hover .offers-panel__figure{

    box-shadow:

      0 0 0 1px rgba(190,122,44,.28),

      0 20px 56px rgba(0,0,0,.6),

      0 0 88px rgba(190,122,44,.18),

      inset 0 1px 0 rgba(255,255,255,.2);

  }

}



@media (prefers-reduced-motion: reduce){

  .offers-backdrop,

  .offers-panel{

    transition-duration:.01ms;

  }

  .offers-panel__img,

  .offers-panel__figure{

    transition-duration:.01ms;

  }

  .offers-panel{

    transform:translate(-50%, -50%) scale(1);

  }

  .offers-panel.is-open .offers-panel__figure,

  .offers-panel__figure{

    opacity:1;

    transform:none;

  }

}

@media (prefers-reduced-motion: reduce) and (hover:hover){

  .offers-panel__link:hover .offers-panel__img{

    transform:none;

  }

}



/* ?????????????????????????????????????????????????????????

   TITLE

?????????????????????????????????????????????????????????? */

.page-title{

  text-align:center;

  margin:4px 0 14px;

  font-size:26px;

  font-weight:900;

  letter-spacing:.02em;

  color:#ffffff;

  text-shadow:0 2px 10px rgba(0,0,0,.35);

}



/* ?????????????????????????????????????????????????????????

   HOME ? hero ne?n (solo index: body.page-home)

?????????????????????????????????????????????????????????? */

body.page-home .home-hero{

  position:relative;

  max-width:min(1180px, 100%);

  margin:0 auto 4px;

  padding:0 2px;

}

body.page-home .home-hero__bar{

  display:none;

}

body.page-home .frame.frame--home-hero{

  --bannerRad:18px;

  padding:16px;

  background:

    radial-gradient(120% 85% at 50% -15%, rgba(90,143,196,.14), transparent 58%),

    radial-gradient(80% 55% at 100% 100%, rgba(79,119,168,.08), transparent 50%),

    linear-gradient(185deg,#161c28 0%,#0b0e14 55%,#06080c 100%);

  border:1px solid rgba(90,143,196,.62);

  box-shadow:

    0 0 0 1px rgba(0,0,0,.55) inset,

    0 26px 70px rgba(0,0,0,.52),

    0 0 24px rgba(79,119,168,.22),

    0 0 1px rgba(90,143,196,.35);

}

body.page-home .frame.frame--home-hero::before{

  display:none;

  content:none;

}

body.page-home .page-title{

  margin:6px 0 14px;

  padding:0;

  font-size:clamp(22px, 3.5vw, 32px);

  letter-spacing:.04em;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  background:none;

  background-image:none;

  filter:none;

  animation:none;

  text-shadow:none;

}

body.page-home .page-title::before{

  display:none;

  content:none;

}

body.page-home .home-hero__link:focus-visible{

  outline:2px solid #8cb4e0;

  outline-offset:4px;

  border-radius:14px;

}

body.page-home .home-hero__link picture{

  display:block;

  width:100%;

  line-height:0;

}

body.page-home .home-hero .banner.banner--promo-hero{

  aspect-ratio: auto;

  width: 100%;

  height: auto;

  max-width: 100%;

  max-height: none;

  object-fit: contain;

  object-position: center center;

  border-radius:14px;

  box-shadow:0 16px 48px rgba(0,0,0,.42);

}

@media (max-width:768px){

  body.page-home .frame.frame--home-hero{ padding:12px; }

  body.page-home .home-hero__bar{ margin-bottom:12px; }

}

@media (max-width:480px){

  body.page-home .frame.frame--home-hero{ padding:10px; }

}



/* App & Bonus ? m?me gabarit hero que la page d'accueil */

body.app-page .home-hero,

body.bonus-page .home-hero{

  position:relative;

  max-width:min(1180px, 100%);

  margin:0 auto 4px;

  padding:0 2px;

}

body.app-page .home-hero__bar,

body.bonus-page .home-hero__bar{

  display:none;

}

body.app-page .frame.frame--home-hero,

body.bonus-page .frame.frame--home-hero{

  --bannerRad:18px;

  padding:16px;

  background:

    radial-gradient(120% 85% at 50% -15%, rgba(1, 138, 249,.18), transparent 58%),

    radial-gradient(80% 55% at 100% 100%, rgba(212,0,42,.08), transparent 50%),

    linear-gradient(185deg,#161c28 0%,#0b0e14 55%,#06080c 100%);

  border:1px solid rgba(1, 138, 249,.38);

  box-shadow:

    0 0 0 1px rgba(0,0,0,.55) inset,

    0 26px 70px rgba(0,0,0,.52),

    0 0 90px rgba(18,160,110,.16),

    0 0 1px rgba(1, 138, 249,.3);

}

body.app-page .frame.frame--home-hero::before,

body.bonus-page .frame.frame--home-hero::before{

  inset:10px;

  border-radius:15px;

  border:1px solid rgba(255,255,255,.08);

  opacity:1;

}

body.app-page .home-hero__link:focus-visible,

body.bonus-page .home-hero__link:focus-visible{

  outline:2px solid #018af9;

  outline-offset:4px;

  border-radius:14px;

}

body.app-page .home-hero__link picture,

body.bonus-page .home-hero__link picture{

  display:block;

  width:100%;

  line-height:0;

}

body.app-page .home-hero .banner.banner--promo-hero,

body.bonus-page .home-hero .banner.banner--promo-hero{

  aspect-ratio:auto;

  width:100%;

  height:auto;

  max-width:100%;

  max-height:none;

  object-fit:contain;

  object-position:center center;

  border-radius:14px;

  box-shadow:

    0 0 0 1px rgba(0,0,0,.5) inset,

    0 16px 48px rgba(0,0,0,.42),

    0 0 56px rgba(18,160,110,.14);

}

body.app-page .home-hero__cta,

body.bonus-page .home-hero__cta{

  margin:18px auto 6px;

  text-align:center;

}

@media (max-width:768px){

  body.app-page .frame.frame--home-hero,

  body.bonus-page .frame.frame--home-hero{ padding:12px; }

  body.app-page .home-hero__bar,

  body.bonus-page .home-hero__bar{ margin-bottom:12px; }

}

@media (max-width:480px){

  body.app-page .frame.frame--home-hero,

  body.bonus-page .frame.frame--home-hero{ padding:10px; }

}



/* ?????????????????????????????????????????????????????????

   HERO / BANNER (???????? + OVERLAY) ? ????????????? ???????

   ???????? ? ????? HTML:

   .frame > a > img.banner  +  .hero-overlay

   ?????: ??????? ???????? ? ??????? ??????? (?????? padding),

   ??????? ?? ???????? ?? ????? ?? ????? ????????.

?????????????????????????????????????????????????????????? */

.frame{

  position:relative;

  background:#fafaf9;

  border:1px solid #e7e5e4;

  border-radius:22px;

  padding: var(--framePad);

  box-shadow:0 4px 20px rgba(28, 25, 23, 0.06);

  overflow:hidden; /* ????? ??? ?????? ?? ????? .frame */

}



/* ???????????? ????? */

.frame:before{

  content:"";

  position:absolute;

  inset:8px;

  border-radius:18px;

  border:1px solid rgba(168, 162, 158, 0.38);

  background:transparent;

  pointer-events:none;

  z-index:0;

}



/* ??????? ??????? */

.banner-wrap{

  position:relative;

  width:100%;

  border-radius: var(--bannerRad);

  overflow:hidden;

}



.banner-link{

  display:block;

  width:100%;

  position:relative;

}



/* ???????? ??????? */

.banner{

  width:100%;

  height:auto;

  display:block;

  border-radius: var(--bannerRad);

  position:relative;

  z-index:1;

  object-fit:cover;

  aspect-ratio: 21 / 9;

  max-height: 400px;

}



/* ??? ????????? */

@media (max-width: 992px){

  .banner{

    aspect-ratio: 18 / 9;

    max-height: 350px;

    object-position: left center;

  }

}



/* ????????? ??????: ????? ?????, ????? cover ????? ????? ? ?????? ?? ????? */

@media (max-width: 768px){

  .banner{

    aspect-ratio: 16 / 9;

    max-height: 280px;

    object-position: left center;

  }

}



@media (max-width: 480px){

  .banner{

    aspect-ratio: 16 / 9;

    max-height: 240px;

    object-position: left center;

  }

}



@media (max-width: 380px){

  .banner{

    aspect-ratio: 16 / 9;

    max-height: 200px;

    object-position: left center;

  }

}



/* Hero principal: imagen completa (1024?499 JPEG) */

.banner-wrap--image-only .hero-overlay{

  display:none;

}

.banner.banner--promo-hero{

  aspect-ratio: 1024 / 499;

  object-fit: cover;

  object-position: center center;

  max-height: min(52vw, 520px);

}

@media (max-width:992px){

  .banner.banner--promo-hero{ max-height:min(58vw,400px); }

}

@media (max-width:768px){

  .banner.banner--promo-hero{ max-height:min(62vw,340px); }

}

@media (max-width:480px){

  .banner.banner--promo-hero{ max-height:min(68vw,280px); }

}

@media (max-width:380px){

  .banner.banner--promo-hero{ max-height:min(72vw,240px); }

}



/* Index: banner programa VIP al pie (1024?528, distinto del hero 1024?499) */

body.page-home .home-vip-promo .banner-link picture{

  display:block;

  width:100%;

  line-height:0;

}

body.page-home .banner.banner--promo-hero.banner--vip-promo{

  aspect-ratio:1024 / 528;

  max-height:min(54vw, 520px);

}

@media (max-width:992px){

  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(58vw, 420px); }

}

@media (max-width:768px){

  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(62vw, 360px); }

}

@media (max-width:480px){

  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(68vw, 300px); }

}

@media (max-width:380px){

  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(72vw, 260px); }

}



/* ???????: ????????????? ?? ?? ???? .frame, ? ?? ??????? ??????? */

.hero-overlay{

  position:absolute;

  z-index:2;



  /* ????? ?? ??????? ???????? (?????? padding .frame) */

  top: var(--framePad);

  left: var(--framePad);

  right: var(--framePad);

  bottom: var(--framePad);



  border-radius: var(--bannerRad);



  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:flex-start;

  text-align:left;



  gap: clamp(8px, 1.2vw, 17px);



  padding: clamp(10px, 2.2vw, 22px) clamp(10px, 2.2vw, 22px) clamp(10px, 2.2vw, 22px) clamp(16px, 3vw, 36px);



  pointer-events:none; /* CTA: .hero-banner-cta (pointer-events:auto) */

}



/* ??????: ????? ?????? ?45% ??????; ?? ???????? CTA ? ??? ?? ????? ?????, ??? ? ????? */

.hero-overlay--bonus-banner{

  justify-content:center;

  align-items:stretch;

  text-align:left;

  padding:

    clamp(8px, 2vw, 20px)

    clamp(4vw, 7vw, 11%)

    clamp(8px, 2vw, 20px)

    clamp(40%, 44vw, 48%);

  gap:0;

}

.hero-banner__text-wrap{

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  align-self:start;

  gap:clamp(6px, 1.4vw, 14px);

  width:max-content;

  max-width:min(52%, 500px);

  margin:0;

  pointer-events:none;

}



/* ????????: ????? ~??? ?????? ???? ?????? ?????; ?100%? ? ????? ? ???? ???????, ??????? ????????? */

.hero-banner-bonus{

  --hb-head:clamp(22px, 5.35vw, 48px);

  display:flex;

  flex-direction:column;

  align-self:stretch;

  align-items:flex-start;

  text-align:left;

  width:100%;

  max-width:100%;

  box-sizing:border-box;

  gap:0;

}

.hero-banner-bonus__kicker{

  font-family:"Montserrat",system-ui,sans-serif;

  font-weight:800;

  font-size:clamp(9px, calc(var(--hb-head) * 0.3), 13px);

  letter-spacing:.11em;

  text-transform:uppercase;

  color:#0a0a0a;

  line-height:1.05;

}

.hero-banner-bonus__pct{

  font-family:"Montserrat",system-ui,sans-serif;

  font-weight:900;

  font-size:var(--hb-head);

  letter-spacing:.015em;

  text-transform:uppercase;

  color:#0a0a0a;

  line-height:0.98;

  margin-top:clamp(2px, 0.35vw, 5px);

}

.hero-banner-bonus__amt{

  font-family:"Montserrat",system-ui,sans-serif;

  font-weight:900;

  font-size:var(--hb-head);

  letter-spacing:.015em;

  text-transform:uppercase;

  color:#ffffff;

  line-height:0.98;

  margin-top:clamp(1px, 0.2vw, 4px);

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 1px rgba(0,0,0,.18);

}



/* CTA: ?????????????? (skew), ??????? ?????? ? ???? ?????? ?? ???????? */

.hero-banner-cta{

  display:flex;

  align-items:center;

  justify-content:center;

  margin-top:clamp(8px, 1.5vw, 16px);

  padding:0;

  text-decoration:none;

  border:0;

  background:transparent;

  pointer-events:auto;

  align-self:stretch;

  width:100%;

  max-width:100%;

  min-height:44px;

  min-width:0;

  box-sizing:border-box;

}

.hero-banner-cta:focus-visible{

  outline:2px solid #fff;

  outline-offset:3px;

  border-radius:4px;

}

.hero-banner-cta__shape{

  display:inline-block;

  transform:skewX(-11deg);

  background:linear-gradient(180deg, #1a1816 0%, #0c0a09 100%);

  border:1px solid rgba(0,0,0,.55);

  box-shadow:0 6px 20px rgba(0,0,0,.4);

  padding:clamp(10px, 1.9vw, 14px) clamp(14px, 3.8vw, 38px);

  transition:filter .2s ease, box-shadow .2s ease;

}

@media (hover:hover){

  .hero-banner-cta:hover .hero-banner-cta__shape{

    filter:brightness(1.08);

    box-shadow:0 8px 26px rgba(0,0,0,.45);

  }

}

.hero-banner-cta__text{

  display:block;

  transform:skewX(11deg);

  font-family:"Montserrat",system-ui,sans-serif;

  font-weight:900;

  font-size:clamp(8px, 1.45vw, 12px);

  letter-spacing:.055em;

  text-transform:uppercase;

  line-height:1.25;

  text-align:center;

  white-space:normal;

  overflow-wrap:anywhere;

}

.hero-banner-cta__accent{

  color:#ff5a14;

  -webkit-text-fill-color:#ff5a14;

}

.hero-banner-cta__plain{

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

}



@media (prefers-reduced-motion: reduce){

  .hero-banner-cta__shape,

  .hero-banner-cta__text{

    transform:none;

  }

}



@media (min-width: 769px){

  .banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{

    object-position:22% center;

  }

  .hero-overlay--bonus-banner .hero-banner-cta{

    align-self:flex-start;

    width:max-content;

    max-width:100%;

    justify-content:flex-start;

  }

  .hero-banner-cta__text{

    white-space:nowrap;

    font-size:clamp(7.5px, 1.22vw, 11.5px);

    letter-spacing:.045em;

  }

}

@media (max-width: 992px) and (min-width: 769px){

  .hero-banner__text-wrap{

    max-width:min(56%, 440px);

  }

  .hero-overlay--bonus-banner{

    padding-left:clamp(34%, 40vw, 46%);

  }

}



/* ??????????? ????: ??????????? ?????? ??? ????????? ??????? ?????? */

.hero-badge,

.hero-lines,

.hero-cta{

  max-width: min(92%, 640px);

}



/* ?????? */

.hero-badge{

  display:inline-flex;

  align-items:center;

  justify-content:center;



  padding: 4px 8px;

  border-radius: 14px;



  font-weight: 900;

  font-size: clamp(12px, 1.2vw, 8px);

  line-height: 1;



  color:#ffffff;

  background: linear-gradient(180deg, #292524 0%, #1c1917 100%);

  border: 1px solid rgba(255, 138, 180, 0.45);

  box-shadow:

    0 8px 18px rgba(0,0,0,.35),

    0 0 16px rgba(255, 77, 125, 0.25),

    0 1px 0 rgba(255,255,255,.2) inset;

}



/* ????? */

.hero-lines{

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap: 6px;

  text-align:left;

}



/* Banner-Promo: fett, kursiv, wei? mit schwarzem Rand (Referenz-Screenshot) */

.hero-lines--promo .hero-line{

  font-style: italic;

  font-weight: 900;

  color: #ffffff;

  text-shadow:

    -1.5px -1.5px 0 #0a0a0c, 1.5px -1.5px 0 #0a0a0c, -1.5px 1.5px 0 #0a0a0c, 1.5px 1.5px 0 #0a0a0c,

    0 0 2px #0a0a0c,

    0 4px 16px rgba(0,0,0,.55);

}

.hero-lines--promo .hero-line--intro{

  text-transform: uppercase;

  letter-spacing: .14em;

  font-size: clamp(11px, 1.65vw, 16px);

}

.hero-lines--promo .hero-line--big{

  font-size: clamp(26px, 5vw, 48px);

  line-height: 1.04;

}

.hero-lines--promo .hero-line--mid{

  font-size: clamp(18px, 3.6vw, 34px);

  line-height: 1.06;

}



.hero-line{

  color:#fff;

  font-weight: 800;

  letter-spacing: .01em;

  text-shadow: 

    0 2px 4px rgba(0,0,0,.8),

    0 4px 8px rgba(0,0,0,.6),

    0 10px 22px rgba(0,0,0,.45);



  /* ????????: ????????, ????? ?? ???????? */

  white-space: normal;

  overflow-wrap: anywhere;

  word-break: break-word;

}



/* ?????????? ?????????? ?? ????????? */

@media (max-width: 768px){

  .hero-line{

    text-shadow: 

      0 1px 3px rgba(0,0,0,.9),

      0 2px 6px rgba(0,0,0,.7),

      0 4px 12px rgba(0,0,0,.5);

  }

}



/* ??????? ?????? (?????????? clamp: min, preferred, max) */

.hero-line--intro{

  font-size: clamp(13px, 2.1vw, 20px);

  line-height: 1.25;

  font-weight: 700;

  max-width: 100%;

}

.hero-line--big{

  font-size: clamp(22px, 4.2vw, 40px);

  line-height: 1.06;

}

.hero-line--mid{

  font-size: clamp(18px, 3.4vw, 32px);

  line-height: 1.06;

}



/* ?????? */

.hero-cta{

  pointer-events:auto;

  align-self:flex-start;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  margin-top:4px;

  padding:16px 44px;

  border:none;

  border-radius:0;

  font-weight:800;

  font-size:16px;

  letter-spacing:.08em;

  text-transform:uppercase;

  text-decoration:none;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  position:relative;

  z-index:0;

  isolation:isolate;

  max-width:100%;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-face);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;

}



.hero-cta::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);

  opacity:.9;

}



.hero-cta::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-gold);

  box-shadow:0 0 10px rgba(59, 160, 255,.35);

}



/* ????? ??? CTA (?????? ???????) */

@media (hover:hover){

  .hero-cta:hover{

    filter:brightness(1.08) saturate(1.05);

    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

  }

  .hero-cta:hover::after{

    box-shadow:0 0 14px rgba(59, 160, 255,.45);

  }

  .hero-cta:active{

    filter:brightness(.94);

    transform:translateY(1px);

    box-shadow:0 2px 8px rgba(0,0,0,.45);

  }

}



/* ???????? */

@media (max-width: 992px) and (min-width: 769px){

  .hero-badge,

  .hero-lines,

  .hero-cta{

    max-width: min(90%, 520px);

  }

  .hero-cta{ 

    padding: 12px 28px; 

    font-size: 15px;

  }

}



/* ??????? ????????? ?????????? (iPhone Pro Max ? ????????) */

@media (max-width: 768px) and (min-width: 481px){

  .hero-badge,

  .hero-lines,

  .hero-cta{

    max-width: min(94%, 480px);

  }

  

  .hero-line--big{ 

    font-size: clamp(20px, 4.5vw, 26px);

  }

  .hero-line--mid{ 

    font-size: clamp(16px, 3.8vw, 21px);

  }

  .hero-line--intro{

    font-size: clamp(12px, 2.8vw, 16px);

  }

}



/* ???????: ?? ??????, ???????? ??? ?? ??????? */

@media (max-width: 768px){

  :root{

    --framePad: 12px;

  }



  .hero-overlay{

    padding: 12px 14px 12px 18px;

    gap: 8px;

    justify-content: center;

    align-items: flex-start;

    text-align: left;

  }



  .hero-badge,

  .hero-lines,

  .hero-cta{

    max-width: min(94%, 420px);

    position: relative;

    z-index: 3;

  }



  /* ?????????????? ??? ??? ?????? ?????????? */

  .hero-badge{

    background: linear-gradient(180deg, #292524 0%, #1c1917 100%);

    backdrop-filter: blur(6px);

    padding: 4px 8px;

    border-radius: 10px;

    font-size: 11px;

    align-self: flex-start;

    border: 1px solid rgba(255, 138, 180, 0.45);

    box-shadow: 0 4px 12px rgba(0,0,0,.35), 0 0 12px rgba(255, 77, 125, 0.2);

  }



  .hero-lines{

    background: rgba(0, 0, 0, 0.5);

    backdrop-filter: blur(6px);

    padding: 8px 12px;

    border-radius: 10px;

    gap: 4px;

    box-shadow: 0 4px 12px rgba(0,0,0,.4);

  }



  .hero-line--intro{

    font-size: clamp(11px, 3.2vw, 15px);

  }



  .hero-line--big{ 

    font-size: clamp(20px, 5vw, 28px);

    line-height: 1.1;

  }

  .hero-line--mid{ 

    font-size: clamp(16px, 4vw, 22px);

    line-height: 1.1;

  }



  .hero-cta{

    padding: 10px 20px;

    font-size: 13px;

    margin-top: 4px;

  }

}



/* ??????? ??????? (480px - 720px) */

@media (max-width: 720px){

  .hero-badge,

  .hero-lines,

  .hero-cta{

    max-width: min(94%, 400px);

  }

  

  .hero-overlay{

    gap: 6px;

  }



  .hero-line--intro{

    font-size: clamp(11px, 3vw, 14px);

  }



  .hero-line--big{ 

    font-size: clamp(18px, 4.5vw, 24px);

  }

  .hero-line--mid{ 

    font-size: clamp(14px, 3.5vw, 20px);

  }



  .hero-cta{

    padding: 9px 18px;

    font-size: 12px;

  }

}



/* ????????? ??????? (?? 480px) */

@media (max-width: 480px){

  :root{

    --framePad: 10px;

  }



  .hero-overlay{

    padding: 10px 12px;

    gap: 6px;

  }



  .hero-badge,

  .hero-lines,

  .hero-cta{

    max-width: min(94%, 380px);

  }



  .hero-badge{

    padding: 3px 6px;

    font-size: 10px;

    background: linear-gradient(180deg, #292524 0%, #1c1917 100%);

    box-shadow: 0 3px 10px rgba(0,0,0,.4), 0 0 10px rgba(255, 77, 125, 0.18);

  }



  .hero-lines{

    padding: 6px 10px;

    background: rgba(0, 0, 0, 0.55);

    box-shadow: 0 3px 10px rgba(0,0,0,.45);

  }



  .hero-line--intro{

    font-size: clamp(10px, 2.9vw, 13px);

  }



  .hero-line--big{ 

    font-size: clamp(16px, 4vw, 22px);

  }

  .hero-line--mid{ 

    font-size: clamp(13px, 3.2vw, 18px);

  }



  .hero-cta{

    padding: 8px 16px;

    font-size: 11px;

  }

}



/* ????? ????? ?????? (SE/360px ? ??????) */

@media (max-width: 380px){

  :root{

    --framePad: 8px;

  }



  .hero-overlay{

    padding: 8px 10px;

    gap: 5px;

  }



  .hero-badge,

  .hero-lines,

  .hero-cta{

    max-width: min(96%, 340px);

  }



  .hero-badge{

    padding: 2px 5px;

    font-size: 9px;

    background: linear-gradient(180deg, #292524 0%, #1c1917 100%);

    box-shadow: 0 2px 8px rgba(0,0,0,.45), 0 0 8px rgba(255, 77, 125, 0.15);

  }



  .hero-lines{

    padding: 5px 8px;

    background: rgba(0, 0, 0, 0.6);

    box-shadow: 0 2px 8px rgba(0,0,0,.5);

  }



  .hero-line--intro{

    font-size: clamp(9px, 2.8vw, 12px);

  }



  .hero-line--big{ 

    font-size: clamp(14px, 3.8vw, 20px);

  }

  .hero-line--mid{ 

    font-size: clamp(12px, 3vw, 16px);

  }



  .hero-cta{

    padding: 7px 14px;

    font-size: 10px;

  }

}



@media (max-width: 768px){

  /* ????? ? ?????? ???? (??? ?? ????????), ???? ?????? ????? ? ?? ????????? ???? */

  .hero-overlay.hero-overlay--bonus-banner{

    justify-content:center;

    align-items:stretch;

    text-align:left;

    padding-top:clamp(8px, 2.2vw, 16px);

    padding-right:clamp(10px, 3vw, 16px);

    padding-bottom:clamp(8px, 2.2vw, 16px);

    padding-left:clamp(36%, 40vw, 52%);

  }

  .hero-banner__text-wrap{

    align-self:start;

    margin:0;

    width:max-content;

    max-width:calc(100% - 4px);

  }

  .hero-banner-bonus{

    align-self:stretch;

    width:100%;

    max-width:100%;

    align-items:flex-start;

    text-align:left;

    --hb-head:clamp(15px, 4.6vw, 26px);

  }

  .banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{

    object-position:clamp(12%, 18vw, 24%) center;

  }

}

@media (max-width: 480px){

  .hero-overlay.hero-overlay--bonus-banner{

    padding-top:8px;

    padding-right:10px;

    padding-bottom:8px;

    padding-left:clamp(32%, 38vw, 50%);

  }

  .hero-banner__text-wrap{

    max-width:calc(100% - 6px);

  }

  .hero-banner-bonus{

    --hb-head:clamp(14px, 4.2vw, 22px);

  }

  .banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{

    object-position:clamp(10%, 16vw, 22%) center;

  }

}

@media (max-width: 380px){

  .hero-overlay.hero-overlay--bonus-banner{

    padding-top:6px;

    padding-right:8px;

    padding-bottom:6px;

    padding-left:clamp(28%, 36vw, 48%);

  }

  .hero-banner__text-wrap{

    max-width:calc(100% - 4px);

  }

  .hero-banner-bonus{

    --hb-head:clamp(13px, 4vw, 20px);

  }

}



/* ?????????????????????????????????????????????????????????

   MEDALLIONS

?????????????????????????????????????????????????????????? */

/* ===== Chips (VegasHero ? navy + forest green) ===== */

.chips{

  margin:16px auto 0;

  display:flex;

  align-items:center;

  gap:7px;

  justify-content:center;

  flex-wrap:wrap;

  max-width:100%;

  overflow-x:auto;

  overflow-y:hidden;

  -webkit-overflow-scrolling:touch;

  scroll-behavior:smooth;

  padding:10px 10px;

  background:rgba(10,22,38,.88);

  border:1px solid rgba(255,255,255,.08);

  border-radius:14px;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28);

  scrollbar-width:none;

  -ms-overflow-style:none;

}



/* ??????? ???????????? ? ?????? ???? ??? ??????? */

.chips::before,

.chips::after{

  content:"";

  flex:0 0 4px;

}



/* scrollbar - ????? ?? ????????, ????? ?????? ?? ????????? */



.chips::-webkit-scrollbar{ 

  height:0; 

  width:0;

  background:transparent;

}

.chips::-webkit-scrollbar-thumb{

  background:linear-gradient(180deg, var(--primary-mid), var(--primary-dark));

  border-radius:999px;

}

.chips::-webkit-scrollbar-track{ 

  background:transparent; 

}



.chip{

  flex:0 0 auto;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:7px;

  height:32px;

  padding:0 12px;

  box-sizing:border-box;

  border-radius:10px;

  white-space:nowrap;

  text-decoration:none;

  position:relative;

  isolation:isolate;

  overflow:hidden;

  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Antonio";

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:.05em;

  font-size:11px;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff;

  background:transparent;

  border:none;

  box-shadow:none;

  transition:transform .18s ease, filter .22s ease;

}

.chip::after{

  content:"";

  position:absolute;

  inset:0;

  border-radius:10px;

  background:var(--chip-green-frame);

  z-index:-2;

  pointer-events:none;

}

.chip::before{

  content:"";

  position:absolute;

  inset:2px;

  border-radius:8px;

  background:var(--chip-green-face);

  z-index:-1;

  pointer-events:none;

}



/* ?????????? URL /go/ ? ???? ????? ? :visited ????? ???? ??????/????????? ????? ? Safari/Chrome */

.chip:link,

.chip:visited,

.chip:hover,

.chip:active,

.chip:focus-visible{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff;

}

.chip-ico{

  width:16px;

  height:16px;

  display:grid;

  place-items:center;

  color:#ffffff;

  position:relative;

  z-index:1;

  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));

}

.chip-txt{

  line-height:1.15;

  align-self:center;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff;

  position:relative;

  z-index:1;

}

@media (hover:hover){

  .chip:hover{

    color:#ffffff !important;

    -webkit-text-fill-color:#ffffff;

    filter:brightness(1.08);

    transform:translateY(-1px);

  }

}

.chip-ico svg{

  width:16px;

  height:16px;

  stroke:currentColor;

}

.chip:active{

  transform:translateY(1px);

  filter:brightness(.94);

}



/* MOBILE ? ???? ? ????????? ?????, ??? ??????? ?????; ????????? ????? */

@media (max-width:768px){

  .chips{

    padding:8px 10px;

    gap:6px 8px;

    margin-top:12px;

    scrollbar-width:none;

    -ms-overflow-style:none;

    flex-wrap:wrap;

    justify-content:center;

    align-content:center;

    overflow-x:visible;

    overflow-y:visible;

    row-gap:6px;

  }

  .chips::-webkit-scrollbar{

    height:0;

    width:0;

    display:none;

  }

  .chips::before,

  .chips::after{

    display:none;

  }

  

  .chip{

    height:32px;

    padding:0 10px;

    font-size:10px;

    border-radius:10px;

    gap:6px;

  }

  

  .chip-ico,

  .chip-ico svg{

    width:14px;

    height:14px;

  }

}



@media (max-width:520px){

  .chips{

    padding:6px 8px;

    gap:5px 6px;

    margin-top:10px;

    row-gap:5px;

  }

  

  .chip{

    height:30px;

    padding:0 8px;

    font-size:9px;

    border-radius:8px;

    gap:5px;

  }

  

  .chip-ico,

  .chip-ico svg{

    width:12px;

    height:12px;

  }

}



@media (max-width:380px){

  .chips{

    padding:5px 6px;

    gap:4px 5px;

    row-gap:4px;

  }

  

  .chip{

    height:28px;

    padding:0 7px;

    font-size:8px;

    gap:4px;

  }

  

  .chip-ico,

  .chip-ico svg{

    width:11px;

    height:11px;

  }

}



/* ?????????????????????????????????????????????????????????

   CARDS GRID

?????????????????????????????????????????????????????????? */

.grid{

  display:grid;

  gap:18px;

  grid-template-columns:repeat(4,minmax(0,1fr));

  margin-top:22px;

  min-width:0;

}

.card{

  display:block;

  text-decoration:none;

  color:inherit;

  background:#ffffff;

  border:1px solid #e7e5e4;

  border-radius:14px;

  overflow:hidden;

  box-shadow:

    0 4px 16px rgba(28, 25, 23, 0.08),

    0 0 0 1px rgba(255,255,255,.9) inset;

  transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;

}

.card:hover{

  border-color:#3ba0ff;

  box-shadow:

    0 12px 28px rgba(234, 88, 12, 0.15),

    0 0 0 1px rgba(254, 215, 170, 0.65) inset;

  transform:translateY(-2px);

}

.media{

  position:relative;

  aspect-ratio:16/9;

  overflow:hidden;

  background:#0a0a0a;

}

.media img{

  width:100%;

  height:100%;

  object-fit:cover;

  transform:scale(1);

  transition:transform .6s ease;

}

.card:hover .media img{ transform:scale(1.08); }

.play{

  position:absolute;

  top:50%;

  left:50%;

  right:auto;

  bottom:auto;

  transform:translate(-50%,-50%);

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:10px 22px;

  font-weight:800;

  font-size:13px;

  letter-spacing:.06em;

  text-transform:uppercase;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  border:none;

  border-radius:0;

  z-index:2;

  isolation:isolate;

  clip-path:var(--casea-clip-sm);

  background:var(--casea-btn-face);

  box-shadow:0 4px 14px rgba(0,0,0,.45);

  opacity:0;

  transition:opacity .25s ease, transform .25s ease, filter .2s ease;

}

.play::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip-sm);

  background:linear-gradient(180deg, rgba(255,255,255,.24) 0%, transparent 42%);

  opacity:.9;

}

.play::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip-sm);

  background:var(--casea-btn-gold);

}

.card:hover .play{

  opacity:1;

  transform:translate(-50%,-50%) scale(1.04);

  filter:brightness(1.06);

}

.info{

  padding:12px 14px 14px;

  background:linear-gradient(180deg, #fafaf9 0%, #e7e5e4 100%);

  border-top:1px solid #e7e5e4;

}

.title{ margin:0 0 4px; font-weight:800; font-size:15px; line-height:1.2; color:#000000; }

.vendor{ margin:0; color:rgba(0,0,0,.68); font-size:12px; font-weight:600; }



/* ?????????????????????????????????????????????????????????

   TABLE OF CONTENTS

?????????????????????????????????????????????????????????? */

.toc-nav{

  margin:24px 0 20px;

  padding:16px 20px;

  background:linear-gradient(180deg, #fafaf9, #fff7ed);

  border:1px solid #e7e5e4;

  border-radius:14px;

  box-shadow:0 2px 12px rgba(28, 25, 23, 0.06);

}



.toc-list{

  list-style:none;

  margin:0;

  padding:0;

  display:flex;

  flex-wrap:wrap;

  gap:12px 16px;

  justify-content:flex-start;

  align-items:center;

}



.toc-list li{

  margin:0;

  padding:0;

}



.toc-list a{

  display:inline-block;

  padding:6px 14px;

  font-size:13px;

  font-weight:600;

  color:#c2410c;

  text-decoration:none;

  border-radius:8px;

  background:#ffffff;

  border:1px solid #d6d3d1;

  transition:all .2s ease;

  white-space:nowrap;

}



.toc-list a:hover{

  background:#ffedd5;

  border-color:#ea580c;

  color:#9a3412;

  transform:translateY(-1px);

}



@media (max-width:768px){

  .toc-nav{

    padding:12px 14px;

    margin:20px 0 16px;

  }

  

  .toc-list{

    gap:8px 12px;

  }

  

  .toc-list a{

    padding:5px 11px;

    font-size:12px;

  }

}



@media (max-width:480px){

  .toc-list{

    gap:6px 10px;

  }

  

  .toc-list a{

    padding:4px 9px;

    font-size:11px;

  }

}



/* ?????????????????????????????????????????????????????????

   FAQ SECTION

?????????????????????????????????????????????????????????? */

.faq-item{

  margin-bottom:24px;

  padding:18px 20px;

  background:#fafaf9;

  border:1px solid #e7e5e4;

  border-radius:12px;

  box-shadow:0 2px 8px rgba(28, 25, 23, 0.05);

}



.faq-item h3{

  margin:0 0 12px 0;

  font-size:18px;

  font-weight:800;

  color:#1c1917;

  line-height:1.3;

}



.faq-item p{

  margin:0;

  color:#44403c;

  line-height:1.6;

}



.faq-item:last-child{

  margin-bottom:0;

}



@media (max-width:768px){

  .faq-item{

    padding:14px 16px;

    margin-bottom:18px;

  }

  

  .faq-item h3{

    font-size:16px;

    margin-bottom:10px;

  }

}



/* ?????????????????????????????????????????????????????????

   SECTIONS / CTA

?????????????????????????????????????????????????????????? */

.section{

  margin-top:30px;

  margin-bottom:20px;

  line-height:1.6;

  color:#44403c;

}



.shell > main .section h2,

.shell > main .section h3{

  color:var(--main-heading,#1c1917);

}



.intro p{

  max-width:900px;

  margin:0 auto;

  text-align:left;

  color:#44403c;

}

.cta-center{

  display:flex;

  justify-content:center;

  margin-top:16px;

}

.pulse-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:16px 32px;

  font-weight:800;

  font-size:18px;

  letter-spacing:.08em;

  text-transform:uppercase;

  text-decoration:none;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  border:none;

  border-radius:0;

  position:relative;

  z-index:0;

  isolation:isolate;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-face);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;

  animation:casea-btn-pulse 2.4s infinite;

}



.pulse-btn::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);

  opacity:.9;

}



.pulse-btn::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-gold);

  box-shadow:0 0 10px rgba(59, 160, 255,.35);

}



/* ?????????? ????? ??? ????????? */

@media (max-width:768px){

  .pulse-btn,

  .vmore-btn{

    white-space:nowrap;

  }

  .pulse-btn{

    padding:14px 22px;

    font-size:clamp(13px, 3.4vw, 16px);

  }

  .vmore-btn{

    padding:10px 18px;

    font-size:clamp(12px, 3vw, 14px);

  }

}



@media (max-width:480px){

  .pulse-btn{

    padding:11px 18px;

    font-size:clamp(12px, 3.2vw, 14px);

    border-radius:0;

  }

}



@media (max-width:380px){

  .pulse-btn{

    padding:10px 14px;

    font-size:12px;

    letter-spacing:.03em;

  }

}



/* ?????????????????????????????????????????????????????????

   PROVIDERS

?????????????????????????????????????????????????????????? */

.prov-grid{

  display:grid;

  gap:16px;

  grid-template-columns:repeat(4,minmax(0,1fr));

}

.prov{

  display:flex;

  flex-direction:column;

  align-items:center;

  text-decoration:none;

  color:#1c1917;

  background:#ffffff;

  border:1px solid #e7e5e4;

  border-radius:14px;

  padding:14px;

  box-shadow:

    0 4px 14px rgba(28, 25, 23, 0.07),

    0 0 0 1px rgba(255,255,255,.9) inset;

  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;

}

.prov:hover{

  transform:translateY(-3px);

  border-color:#3ba0ff;

  box-shadow:

    0 12px 28px rgba(234, 88, 12, 0.12);

}

.prov-media{

  width:100%;

  aspect-ratio:16/9;

  background:#f5f5f4;

  border-radius:10px;

  overflow:hidden;

  display:flex;

  align-items:center;

  justify-content:center;

  border:1px solid #e7e5e4;

}

.prov-media img{

  width:80%;

  height:80%;

  object-fit:contain;

  filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));

}

.prov-name{

  margin-top:12px;

  font-weight:800;

  letter-spacing:.04em;

  text-transform:uppercase;

  font-size:13px;

  text-align:center;

  color:#9a3412;

}

.vmore-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:12px 24px;

  font-weight:800;

  font-size:14px;

  letter-spacing:.08em;

  text-transform:uppercase;

  text-decoration:none;

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  border:none;

  border-radius:0;

  position:relative;

  z-index:0;

  isolation:isolate;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-face);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;

}



.vmore-btn::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);

  opacity:.9;

}



.vmore-btn::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-gold);

  box-shadow:0 0 10px rgba(59, 160, 255,.35);

}



.vmore-btn:hover{

  filter:brightness(1.08) saturate(1.05);

  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

}



/* ?????????????????????????????????????????????????????????

   ??????? (?????)

?????????????????????????????????????????????????????????? */

.table-wrapper{

  background:var(--table-label-bg, #3b2e25);

  border:1px solid rgba(0,0,0,.4);

  border-radius:10px;

  box-shadow:0 4px 16px rgba(0,0,0,.28);

  overflow:hidden;

}



/* ??? ?????? ? ?????????????? ???????? */

.table-wrapper--scroll{

  overflow-x:auto;

  overflow-y:hidden;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:thin;

  scrollbar-color:rgba(190,122,44,.45) rgba(43,33,26,.95);

}



.table-wrapper--scroll::-webkit-scrollbar{

  height:8px;

}



.table-wrapper--scroll::-webkit-scrollbar-track{

  background:rgba(43,33,26,.95);

  border-radius:4px;

}



.table-wrapper--scroll::-webkit-scrollbar-thumb{

  background:rgba(190,122,44,.45);

  border-radius:4px;

}



.table-wrapper--scroll::-webkit-scrollbar-thumb:hover{

  background:rgba(190,122,44,.62);

}



/* ??????? ??????? ? ?????? 100% ?????? wrapper */

table{

  width:100%;

  border-collapse:collapse;

}



/* ????? ??? ?????? ? ??????????? (thead/th) */

table thead{

  background:linear-gradient(180deg, #ffedd5, #fff7ed);

  border-bottom:2px solid #3ba0ff;

}



table th{

  padding:14px 12px;

  text-align:left;

  font-weight:800;

  color:#1c1917;

  font-size:15px;

  letter-spacing:.02em;

  text-transform:uppercase;

  border-bottom:2px solid #3ba0ff;

}



table tbody tr{

  transition:background-color .2s ease;

}



table tbody tr:hover{

  background:rgba(255, 237, 213, 0.55);

}



table tbody td{

  padding:12px;

  color:#44403c;

  line-height:1.5;

  font-size:15px;

  border-bottom:1px solid #e7e5e4;

  vertical-align:middle;

}



table tbody tr:last-child td{

  border-bottom:1px solid rgba(0,0,0,.28);

}



table tbody tr:nth-child(even){

  background:rgba(248, 250, 252, 0.9);

}



/* ???????????? ??? ??????????????? ?????? */

@media (max-width:768px){

  table th,

  table tbody td{

    padding:10px 8px;

    font-size:14px;

  }

  

  table th{

    font-size:13px;

  }

}



@media (max-width:480px){

  table th,

  table tbody td{

    padding:8px 6px;

    font-size:13px;

  }

  

  table th{

    font-size:12px;

    letter-spacing:.01em;

  }

}



/* ????????????? ???? ??? 2-?????????? ?????? ??? ?????? HTML

   (???????????? ? ??????? #facts, #bonuses) */

:is(#facts, #bonuses){

  overflow-x:hidden;

}

:is(#facts, #bonuses) table{

  width:100% !important;

  min-width:0 !important;

  margin:0;

  border-collapse:collapse;

  table-layout:fixed; /* ?????? ??????? ?? ??????? */

}

:is(#facts, #bonuses) td:first-child,

:is(#facts, #bonuses) tbody th[scope="row"]{

  width:42%;

  font-weight:700;

  color:#fff;

  background:var(--table-label-bg, #3b2e25);

}

:is(#facts, #bonuses) td:last-child{

  width:58%;

  color:#fff;

  background:var(--table-value-bg, #241a13);

}

:is(#facts, #bonuses) td{

  padding:12px 14px;

  white-space:normal;

  overflow-wrap:anywhere;

  word-break:break-word;

  hyphens:auto;

  vertical-align:middle;

  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08));

  color:#fff;

  line-height:1.5;

  font-size:15px;

}

:is(#facts, #bonuses) tr:last-child td{ border-bottom:1px solid rgba(0,0,0,.28); }

:is(#facts, #bonuses) tbody th[scope="row"]{

  background:var(--table-label-bg, #3b2e25);

}

:is(#facts, #bonuses) tbody td{

  background:var(--table-value-bg, #241a13);

}



@media (max-width:430px){

  :is(#facts, #bonuses) td{

    padding:10px 8px;

    font-size:14px;

  }

  :is(#facts, #bonuses) td:first-child{ width:46%; }

  :is(#facts, #bonuses) td:last-child{ width:54%; }

}



/* ????? ??? ?????? #payments ? ??????????????? ???????? */

#payments .table-wrapper{

  overflow:hidden;

}



#payments table{

  width:100%;

  margin:0;

  border-collapse:collapse;

  table-layout:auto;

}



/* ????????? ????????? ??? #payments */

@media (max-width:768px){

  #payments table th,

  #payments table tbody td{

    padding:10px 8px;

    font-size:13px;

  }

  

  #payments table th{

    font-size:12px;

    padding:10px 6px;

  }

  

  #payments table tbody td:last-child{

    font-size:12px;

  }

}



@media (max-width:480px){

  #payments table th,

  #payments table tbody td{

    padding:8px 6px;

    font-size:12px;

  }

  

  #payments table th{

    font-size:11px;

    padding:8px 5px;

    letter-spacing:0;

  }

  

  #payments table tbody td:first-child{

    font-size:12px;

  }

  

  #payments table tbody td:nth-child(2),

  #payments table tbody td:nth-child(3){

    text-align:center;

    font-size:12px;

  }

  

  #payments table tbody td:last-child{

    font-size:11px;

  }

}



/* ?????????????????????????????????????????????????????????

   FOOTER

?????????????????????????????????????????????????????????? */

.site-footer{

  --ft-bg0:#1a1a1a;

  --ft-bg1:#1a1a1a;

  --ft-line:rgba(255,255,255,.10);

  --ft-text:rgba(255,255,255,.92);

  --ft-muted:rgba(255,255,255,.70);

  --ft-tile:rgba(255,255,255,.07);

  margin-top:40px;

  background:#1a1a1a;

  border-top:1px solid var(--ft-line);

  box-shadow:0 -8px 40px rgba(0,0,0,.45);

}

.site-footer a{ color:var(--ft-text); text-decoration:none; }

.site-footer a:hover{

  color:#fff;

  text-decoration:underline;

  text-underline-offset:3px;

}



.ft-wrap{

  max-width:1320px;

  margin:0 auto;

  padding:28px 14px 32px;

  color:var(--ft-muted);

}

.ft-head{

  display:flex;

  align-items:center;

  gap:20px;

  flex-wrap:wrap;

  justify-content:space-between;

  margin-bottom:16px;

}

.ft-logo img{ height:44px; display:block; max-width:240px; }

.ft-cta-center{ flex:1; display:flex; justify-content:center; }



.ft-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:14px 28px;

  font-weight:800;

  font-size:17px;

  letter-spacing:.08em;

  text-transform:uppercase;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  color:#ffffff;

  -webkit-text-fill-color:#ffffff;

  text-decoration:none;

  border:none;

  border-radius:0;

  max-width:440px;

  position:relative;

  z-index:0;

  isolation:isolate;

  line-height:1.25;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-face);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;

}



.ft-btn::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);

  opacity:.9;

}



.ft-btn::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-gold);

  box-shadow:0 0 10px rgba(59, 160, 255,.35);

}



.ft-btn:hover{

  filter:brightness(1.08) saturate(1.05);

  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

}



.ft-trust{ display:flex; align-items:center; gap:18px; }

.ft-trust img{

  height:30px;

  width:auto;

  display:block;

  opacity:.92;

  filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));

}

.ft-trust a:hover img{ opacity:1; }



.ft-page{

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  align-items:center;

  gap:10px 20px;

  margin:4px 0 0;

  padding:14px 12px 16px;

  border-bottom:1px solid var(--ft-line, rgba(255,255,255,.1));

  font-size:13px;

  color:var(--ft-muted, rgba(255,255,255,.62));

}

.ft-page a{

  color:rgba(255,255,255,.88);

  text-decoration:none;

  opacity:.95;

  border-bottom:1px solid rgba(255,255,255,.22);

  padding-bottom:1px;

  transition:opacity .2s ease, border-color .2s ease, color .2s ease;

}

.ft-page a:hover{

  opacity:1;

  color:#fff;

  border-bottom-color:#3ba0ff;

}

.ft-page + .ft-grid{

  border-top:none;

  padding-top:20px;

}



.ft-grid{

  display:grid;

  grid-template-columns:repeat(5,minmax(0,1fr));

  gap:18px;

  padding:16px 0;

  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));

  border-bottom:1px solid var(--ft-line, rgba(255,255,255,.1));

}

.ft-col{ display:flex; flex-direction:column; gap:8px; }

.ft-col a{

  font-size:14px;

  line-height:1.45;

}

.ft-title{

  font-weight:800;

  color:#fff;

  margin-bottom:6px;

  letter-spacing:.02em;

}



.ft-pay{

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:12px;

  margin:14px 0;

  padding:18px 14px;

  background:rgba(0,0,0,.22);

  border-radius:14px;

  border:1px solid rgba(255,255,255,.08);

}

.ft-pay span{ opacity:.9; text-align:center; color:var(--ft-muted, rgba(255,255,255,.62)); }

.ft-pay ul{

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:12px;

  padding:0;

  margin:0;

  list-style:none;

}

.ft-pay ul li{

  display:flex;

  align-items:center;

  justify-content:center;

  min-width:72px;

  min-height:44px;

  padding:8px 12px;

  border-radius:10px;

  background:rgba(255,255,255,.06);

  border:1px solid rgba(255,255,255,.12);

}

.ft-pay img{

  height:24px;

  width:auto;

  max-width:64px;

  object-fit:contain;

  display:block;

  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));

}

@media (max-width:1100px){

  .ft-grid{

    grid-template-columns:repeat(3,minmax(0,1fr));

  }

}

/* ?????????????????????????????????????????????????????????

   FOOTER LANGUAGE BUTTONS

?????????????????????????????????????????????????????????? */

.ft-lang{

  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));

  border-bottom:1px solid var(--ft-line, rgba(255,255,255,.1));

  margin:16px 0;

  padding:16px 0;

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:10px;

}



.ft-lang-btn{

  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:8px 14px;

  border-radius:10px;

  background:rgba(255,255,255,.06);

  border:1px solid rgba(255,255,255,.12);

  color:rgba(255,255,255,.88);

  text-decoration:none;

  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  text-transform:uppercase;

  letter-spacing:.06em;

  font-size:12px;

  font-weight:600;

  transition:all .2s ease;

}



.ft-lang-btn:hover{

  border-color:rgba(251, 146, 60, 0.65);

  background:rgba(255, 90, 20, 0.12);

  color:#fff;

  transform:translateY(-1px);

}



.ft-lang-btn.is-active{

  background:rgba(234, 88, 12, 0.2);

  border-color:#ea580c;

  color:#ffedd5;

  cursor:default;

  pointer-events:none;

}



.ft-lang-btn .flag-emoji{

  font-size:18px;

  line-height:1;

  display:inline-flex;

  align-items:center;

}



.ft-legal{

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  align-items:center;

  gap:10px 18px;

  margin-top:18px;

  padding-top:16px;

  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));

  font-size:13px;

  color:var(--ft-muted, rgba(255,255,255,.62));

}

.ft-legal a{

  color:rgba(255,255,255,.88);

  text-decoration:none;

  opacity:.95;

  border-bottom:1px solid rgba(255,255,255,.22);

  padding-bottom:1px;

  transition:opacity .2s ease, border-color .2s ease, color .2s ease;

}

.ft-legal a:hover{

  opacity:1;

  color:#fff;

  border-bottom-color:#3ba0ff;

}



.legal-doc{

  max-width:var(--main-content-max);

  margin:0 auto;

}

.legal-doc h2{

  margin:28px 0 12px;

  font-size:1.25rem;

  font-weight:800;

  color:#1c1917;

}

.legal-doc h2:first-of-type{

  margin-top:8px;

}

.legal-doc p,

.legal-doc li{

  color:#44403c;

  line-height:1.65;

  margin:0 0 12px;

}

.legal-doc ul,

.legal-doc ol{

  margin:0 0 16px;

  padding-left:1.35em;

}

.legal-doc .legal-note{

  margin:20px 0;

  padding:14px 18px;

  border-radius:12px;

  border:1px solid #fed7aa;

  background:#fff7ed;

  font-size:14px;

  color:#7c2d12;

}



.ft-bottom{

  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));

  margin-top:12px;

  padding-top:12px;

  font-size:13px;

  color:rgba(255,255,255,.52);

  display:flex;

  justify-content:center;

  text-align:center;

}



/* ?????????????????????????????????????????????????????????

   FOOTER MOBILE RESPONSIVE

?????????????????????????????????????????????????????????? */

@media (max-width:768px){

  .ft-head{

    flex-direction:column;

    align-items:center;

    gap:16px;

    justify-content:center;

  }

  

  .ft-logo img{

    height:50px;

  }

  

  .ft-cta-center{

    width:100%;

    justify-content:center;

  }

  

  .ft-btn{

    padding:10px 20px;

    font-size:13px;

    max-width:280px;

    width:auto;

  }

  

  .ft-trust{

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

  }

  

  .ft-trust img{

    height:26px;

  }

  

  .ft-grid{

    grid-template-columns:repeat(2,1fr);

    gap:16px;

  }

}



@media (max-width:520px){

  .ft-wrap{

    padding:20px 12px 24px;

  }

  

  .ft-head{

    gap:14px;

    margin-bottom:14px;

  }

  

  .ft-logo img{

    height:45px;

  }

  

  .ft-btn{

    padding:8px 18px;

    font-size:12px;

    max-width:240px;

  }

  

  .ft-trust{

    gap:10px;

  }

  

  .ft-trust img{

    height:24px;

  }

  

  .ft-grid{

    grid-template-columns:1fr;

    gap:14px;

    padding:14px 0;

  }

  

  .ft-col{

    gap:6px;

  }

  

  .ft-title{

    font-size:14px;

    margin-bottom:8px;

  }

  

  .ft-pay{

    margin:12px 0;

    gap:8px;

  }

  

  .ft-pay ul{

    gap:10px;

  }

  

  .ft-pay img{

    height:22px;

  }

  

  .ft-lang{

    margin:12px 0;

    padding:12px 0;

    gap:8px;

  }

  

  .ft-lang-btn{

    padding:6px 12px;

    font-size:11px;

    gap:6px;

  }

  

  .ft-lang-btn .flag-emoji{

    font-size:16px;

  }

  

  .ft-bottom{

    font-size:12px;

    padding-top:10px;

    margin-top:10px;

  }

}



@media (max-width:390px){

  .ft-wrap{

    padding:18px 10px 20px;

  }

  

  .ft-logo img{

    height:40px;

  }

  

  .ft-btn{

    padding:9px 18px;

    font-size:12px;

  }

  

  .ft-trust img{

    height:22px;

  }

  

  .ft-title{

    font-size:13px;

  }

  

  .ft-pay img{

    height:20px;

  }

  

  .ft-lang{

    margin:10px 0;

    padding:10px 0;

    gap:6px;

  }

  

  .ft-lang-btn{

    padding:5px 10px;

    font-size:10px;

    gap:5px;

  }

  

  .ft-lang-btn .flag-emoji{

    font-size:14px;

  }

  

  .ft-bottom{

    font-size:11px;

    line-height:1.5;

  }

}



/* ???????: ??????????? ?????? ???????? ??? ??????? ???? + ????? ??? ???????????? drift */

@media (min-width:993px){

  .aside{

    max-height:none;

    overflow-y:visible;

    overflow-x:hidden;

    -webkit-overflow-scrolling:auto;

    overscroll-behavior:auto;

  }

}



/* ??????? ????????: ????? ? ??????? ??? ??????????????? ??????? ???????? */

@media (min-width:993px) and (max-width:1199px){

  .shell{

    grid-template-columns:minmax(200px, 240px) minmax(0, 1fr);

    gap:16px;

    padding:16px 12px;

  }

  .aside{

    max-width:240px;

    padding:12px 10px;

    border-radius:16px;

  }

  .nav a{

    padding:10px 10px;

    font-size:13px;

    gap:8px;

  }

  .nav-ico,

  .nav-ico svg,

  svg.nav-ico{

    width:16px;

    height:16px;

    flex:0 0 16px;

  }

}



/* ??????? ??????: ?????????? ??????? ???? */

@media (min-width:1200px){

  .shell{

    grid-template-columns:260px minmax(0, 1fr);

    gap:20px;

  }

  .aside{

    max-width:260px;

  }

}



/* ?? ??????? drawer ???????? ?????? ??? ???????? */

@media (max-width:992px){

  .drawer{ transform:translateX(-110%); }

}



/* ?????????????????????????????????????????????????????????

   RESPONSIVE (?????)

?????????????????????????????????????????????????????????? */

@media (max-width:1200px){

  .prov-grid{ grid-template-columns:repeat(3,1fr); }

  .medals{ grid-template-columns:repeat(6,1fr); }

  .grid{ grid-template-columns:repeat(3,1fr); }

}

@media (max-width:992px){

  header{

    position:fixed;

    top:0;

    left:0;

    right:0;

  }



  .shell{ grid-template-columns:1fr; }

  .shell > main{ grid-column:1; }

  .aside{ display:none; }

  .burger{ display:inline-flex; }

  .medals{ grid-template-columns:repeat(4,1fr); }

  .grid{ grid-template-columns:repeat(2,1fr); }



  .offers-trigger{

    margin-left:auto;

  }

  .head .lang-switch{

    margin-left:0;

  }

}

@media (max-width:520px){

  .head{ gap:8px; }

  .medals{ grid-template-columns:repeat(3,1fr); }



  .head, .shell, .site-footer{

    padding-left:max(12px, env(safe-area-inset-left, 0px));

    padding-right:max(12px, env(safe-area-inset-right, 0px));

  }



  /* ????????? ? ?????????? --framePad (??. ????) */

  .frame{ padding: var(--framePad); }

  .frame:before{ inset:6px; }

}

@media (max-width:390px){

  .medals{ grid-template-columns:repeat(2,1fr); }

  .grid{ grid-template-columns:1fr; }

  .prov-grid{ grid-template-columns:1fr; }

}



/* ???????????????????????????????????????????????????????????

   MOBILE ? ???????????, main, ???????, ??????? (??? ????????)

??????????????????????????????????????????????????????????? */

@media (max-width: 768px){

  main .table-wrapper,

  #facts .table-wrapper,

  #bonuses .table-wrapper,

  #payments .table-wrapper,

  main .legal-doc .table-wrapper{

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;

    overscroll-behavior-x:contain;

  }

}

@media (max-width: 640px){

  .shell > main{

    padding-top:max(12px, var(--main-pad-top));

    padding-bottom:max(28px, env(safe-area-inset-bottom, 0px), var(--main-pad-bottom));

    padding-left:max(var(--main-pad-x), env(safe-area-inset-left, 0px));

    padding-right:max(var(--main-pad-x), env(safe-area-inset-right, 0px));

    border-radius:12px;

  }

  .page-title{

    font-size:clamp(19px, 5.2vw, 24px);

    line-height:1.2;

    padding-left:4px;

    padding-right:4px;

  }

  .section{

    margin-top:22px;

    margin-bottom:16px;

  }

  .shell > main .section h2,

  .shell > main .section h3{

    font-size:clamp(1.05rem, 4vw, 1.3rem);

    line-height:1.28;

  }

  .shell > main p,

  .shell > main li,

  main .legal-doc p,

  main .legal-doc li{

    font-size:clamp(15px, 3.6vw, 16px);

    line-height:1.62;

  }

  .legal-doc h2{

    font-size:clamp(1.08rem, 4vw, 1.22rem);

  }

  .shell > main .pulse-btn,

  .shell > main .hero-cta,

  .shell > main .vmore-btn,

  .site-footer .ft-btn{

    min-height:48px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding-left:22px;

    padding-right:22px;

  }

  .shell > main .cta-center:not(.cta-center--pair) .pulse-btn{

    width:100%;

    max-width:min(340px, 100%);

  }

  /* ????: ?????????? ??????, ??? min-height 44px (??? ?????? ????????? ? ???????? ??????????) */

  .chips{

    padding:8px max(8px, env(safe-area-inset-left, 0px)) 8px max(8px, env(safe-area-inset-right, 0px));

    gap:8px;

    align-items:center;

  }

  .chips .chip{

    min-height:0;

    height:36px;

    max-height:36px;

    padding:0 12px;

    font-size:10px;

    letter-spacing:.05em;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    box-sizing:border-box;

    gap:6px;

  }

  .drawer{

    padding-bottom:env(safe-area-inset-bottom, 0px);

    width:min(86vw, 320px);

  }

  .drawer .nav a{

    padding-top:14px;

    padding-bottom:14px;

    min-height:48px;

  }

  .dhead{

    padding-left:max(12px, env(safe-area-inset-left, 0px));

    padding-right:max(12px, env(safe-area-inset-right, 0px));

  }

  .prov-grid{

    grid-template-columns:repeat(2, minmax(0, 1fr));

    gap:12px;

  }

}

/* ?????????????????????????????????????????????????????????

   (???????????) ASIDE FIXED ? ?? ???????

?????????????????????????????????????????????????????????? */

.aside--fixed{

  position:fixed !important;

  top:var(--asideTop,74px);

  left:var(--asideLeft,14px);

  width:var(--asideWidth,260px);

  height:var(--asideHeight,calc(100vh - (var(--asideTop,74px) + 14px)));

  max-height:calc(100vh - (var(--asideTop,74px) + 14px));

  overflow:auto;

  -webkit-overflow-scrolling:touch;

  z-index:90;

  transform:translateY(var(--asideShift,0px));

}



/* ?????????????????????????????????????????????????????????

   ??? ????????/???????? ??? CTA (??? ??????)

   ?????: ?? ?????? transform ? ?????? ? ??????, ???????

   ????????? ??????? ?????? ???, ??? ??? ???????.

?????????????????????????????????????????????????????????? */

:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg){

  position:relative;

  display:inline-block;

  transition: transform .2s ease, box-shadow .3s ease, filter .3s ease, background .3s ease;

  will-change: transform, box-shadow;

  transform: translateZ(0);

}



/* Hover: ?????? ????? Casea */

.pulse-btn:hover,

.hero-cta:hover,

.vmore-btn:hover,

.ft-btn:hover{

  filter:brightness(1.08) saturate(1.05);

  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

}



/* Active: ?????? ??????? */

:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):active{

  transform:translateY(1px);

  filter:brightness(.94);

  box-shadow:0 2px 8px rgba(0,0,0,.45);

}



/* ?????-??????? */

:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):focus-visible{

  outline:0;

  box-shadow:

    0 0 0 2px #f8fafc,

    0 0 0 5px rgba(74,144,226,.45),

    0 8px 24px rgba(0,0,0,.35);

}



@keyframes casea-btn-pulse{

  0%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,.35) }

  70%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 14px rgba(74,144,226,0) }

  100%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,0) }

}

@keyframes casea-btn-pulse-ft{

  0%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,.42) }

  70%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 14px rgba(74,144,226,0) }

  100%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,0) }

}

:where(.pulse-btn, .hero-cta, .vmore-btn).is-pulsing,

:where(.pulse-btn, .hero-cta, .vmore-btn).pulse{

  animation:casea-btn-pulse 2.4s infinite;

}

.ft-btn.is-pulsing,

.ft-btn.pulse{

  animation:casea-btn-pulse-ft 2.4s infinite;

}



/* ?????? ?ripple? ???????? ? ??????? ????? ????? ::after ? CTA-?????? */



/* ???????? prefers-reduced-motion */

@media (prefers-reduced-motion: reduce){

  :where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg){

    transition:none;

    animation:none;

  }

  :where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):hover{

    transform:none;

    box-shadow:none;

    filter:none;

  }

}



/* Disabled-????????? */

:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg)[disabled]{

  opacity:.6;

  pointer-events:none;

  filter: grayscale(.2);

  box-shadow:none !important;

  transform:none !important;

}



.lang-flag{ 

  width:20px; 

  height:20px; 

  object-fit:contain; 

  border-radius:3px;

  filter: drop-shadow(0 1px 3px rgba(0,0,0,.4));

}



.lang-label-main{

  font-weight:800;

  font-size:14px;

  letter-spacing:.08em;

  color:var(--text-heading);

  text-shadow:0 0 8px rgba(253, 186, 116, 0.5);

}



.lang-label-sub{

  font-weight:500;

  font-size:11px;

  letter-spacing:.04em;

  color:var(--ink-muted);

  opacity:.95;

  margin-left:auto;

}



/* ===== Language modal ===== */

.lang-modal{

  position:fixed; inset:0;

  z-index:999;

  display:none;

}

.lang-modal.is-open{ display:block; }



.lang-backdrop{

  position:absolute; inset:0;

  background:rgba(0,0,0,.55);

  backdrop-filter: blur(2px);

}



.lang-panel{

  position:absolute;

  left:50%; top:50%;

  transform:translate(-50%,-50%);

  width:min(520px, 92vw);

  max-height:min(78vh, 720px);

  overflow:auto;



  background:linear-gradient(180deg,#2b2b2b,#171717);

  border:1px solid rgba(255,255,255,.10);

  border-radius:18px;

  box-shadow:0 20px 60px rgba(0,0,0,.6);

}



.lang-head{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  padding:14px 16px;

  border-bottom:1px solid rgba(255,255,255,.08);

}

.lang-title{

  color:var(--text-heading);

  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  text-transform:uppercase;

  letter-spacing:.08em;

  font-size:18px;

}

.lang-x{

  border:1px solid rgba(255,255,255,.14);

  background:rgba(255,255,255,.04);

  color:var(--text-heading);

  border-radius:10px;

  padding:8px 10px;

  cursor:pointer;

}



.lang-list{ padding:14px; display:flex; flex-direction:column; gap:10px; }



.lang-item{

  width:100%;

  display:flex;

  align-items:center;

  gap:12px;

  padding:12px 14px;

  border-radius:12px;



  background:rgba(255,255,255,.03);

  border:1px solid rgba(255,255,255,.10);

  color:var(--ink-bright);

  cursor:pointer;

  text-decoration:none;



  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  text-transform:uppercase;

  letter-spacing:.06em;

  transition: all 0.2s ease;

}

.lang-item img{ width:18px; height:18px; object-fit:contain; border-radius:3px; }

.lang-item:hover{ border-color:rgba(234, 88, 12, 0.55); background:rgba(234, 88, 12, 0.12); }



.lang-item.is-active,

.lang-item.is-current,

.lang-item[disabled]{

  background: linear-gradient(135deg, rgba(234, 88, 12, 0.22), rgba(28, 25, 23, 0.45));

  border-color: rgba(253, 186, 116, 0.5);

  color: #ffffff;

  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.3) inset, 0 2px 10px rgba(28, 25, 23, 0.35);

  cursor: default !important;

  pointer-events: none;

  text-decoration: none;

}

.lang-item.is-active:hover,

.lang-item.is-current:hover,

.lang-item[disabled]:hover{

  background: linear-gradient(135deg, rgba(234, 88, 12, 0.22), rgba(28, 25, 23, 0.45));

  border-color: rgba(253, 186, 116, 0.5);

}



/* ?????????????????????????????????????????????????????????

   LOGIN SECTION ? texto + captura a la derecha (compacta)

?????????????????????????????????????????????????????????? */

.login-section{

  overflow:hidden;

}

#login .login-shot{

  float:right !important;

  width:min(240px, 32vw);

  max-width:100%;

  margin:6px 0 1rem 1.35rem;

  display:block;

  line-height:0;

  border-radius:14px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.12);

  box-shadow:0 10px 32px rgba(0,0,0,.4), 0 0 0 1px rgba(18,160,110,.12) inset;

  text-decoration:none !important;

  transition:transform .25s ease, box-shadow .25s ease;

  shape-outside:inset(0 round 14px);

}

#login .login-shot:hover{

  transform:translateY(-2px);

  box-shadow:0 14px 40px rgba(0,0,0,.48), 0 0 0 1px rgba(1, 138, 249,.22) inset;

}

#login .login-shot img{

  width:100%;

  height:auto;

  display:block;

  vertical-align:middle;

  border-radius:13px;

  cursor:pointer;

  transition:filter .25s ease;

}

#login .login-shot:hover img{

  filter:brightness(1.04);

}

#login p,

#login h3,

#login .login-steps{

  max-width:none;

}

#login .login-steps{

  margin:10px 0 0;

  padding-left:1.25rem;

  line-height:1.58;

}

#login .login-steps li{

  margin:0 0 8px;

}

#login .login-note{

  margin:14px 0 0;

  padding:12px 14px;

  border-radius:10px;

  font-size:14px;

  line-height:1.5;

  background:rgba(8,47,36,.32);

  border:1px solid rgba(1, 138, 249,.18);

}

#login .login-cta{

  clear:both;

  margin-top:22px;

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:12px 14px;

}

@media (max-width:480px){

  #login .login-shot{

    float:none !important;

    width:100%;

    max-width:260px;

    margin:0 auto 1.1rem;

  }

}



/* ?????????????????????????????????????????????????????????

   APP SECTION ? mismo esquema float + wrap que #login

?????????????????????????????????????????????????????????? */

#app-access .app-shot{

  float:right;

  width:360px;

  max-width:min(54%, 100%);

  margin:0 0 1.25rem 1.5rem;

  display:block;

  line-height:0;

}

#app-access .app-shot img{

  width:100%;

  height:auto;

  border-radius:10px;

  display:block;

  vertical-align:middle;

  transition:transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;

  cursor:pointer;

}

#app-access .app-cta{

  clear:both;

  margin-top:20px;

}

@media (max-width:640px){

  #app-access .app-shot{

    float:none;

    width:100%;

    max-width:336px;

    margin:0 auto 1.25rem;

  }

}

#app-access .app-shot:hover img{

  transform:scale(1.05);

  box-shadow:

    0 8px 24px rgba(28, 25, 23, 0.12),

    0 0 24px rgba(234, 88, 12, 0.2);

  filter:brightness(1.04) drop-shadow(0 0 8px rgba(234, 88, 12, 0.25));

}



/* Dedicated App page image wrap */

.app-shot--float{

  float:right;

  width:360px;

  max-width:min(54%, 100%);

  margin:0 0 1.25rem 1.5rem;

  display:block;

  line-height:0;

}

.app-shot--float img{

  width:100%;

  height:auto;

  border-radius:10px;

  display:block;

  vertical-align:middle;

}

.app-guide .app-cta{

  clear:both;

}

@media (max-width:640px){

  .app-shot--float{

    float:none;

    width:100%;

    max-width:336px;

    margin:0 auto 1.25rem;

  }

}



/* ?????????????????????????????????????????????????????????

   BANNER PROMO IMAGE HOVER EFFECTS (glow with slight zoom)

?????????????????????????????????????????????????????????? */

.promo-img,

img[src*="bannerpromo/"] {

  border-radius: 18px;

  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;

  cursor: pointer;

  overflow: hidden;

}



.promo-banner-figure{

  max-width:min(1024px, 100%);

  margin-left:auto;

  margin-right:auto;

}

.promo-banner-figure .promo-img{

  width:100%;

  height:auto;

  display:block;

}



a:hover .promo-img,

a:hover img[src*="bannerpromo/"] {

  border-radius: 18px;

  transform: scale(1.005);

  box-shadow: 

    0 8px 24px rgba(28, 25, 23, 0.1),

    0 0 28px rgba(255, 79, 0, 0.18);

  filter: brightness(1.03) drop-shadow(0 0 8px rgba(0, 195, 142, 0.15));

}



/* Th?me clair : texte principal dans main ; banni?re garde overlays lisibles */

body{

  color:var(--main-text,#44403c) !important;

}

header .head{

  color:#1c1917 !important;

}

.drawer,

.drawer .nav a,

.aside .nav a{

  color:#ffffff !important;

}

.drawer .dclose{

  color:#ffffff !important;

}



:is(.shell > main, main){

  color:#e2e6f0 !important;

}



:is(.shell > main, main) :is(

  .section,

  p, li, td, dt, dd,

  figcaption, blockquote,

  .intro, address, label,

  strong, em, small

){

  color:#d1d6e6 !important;

}



:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6){

  color:#f8fafc !important;

}



:is(.shell > main, main) .page-title{

  color:#ffffff !important;

}



/* Lignes promo sur le visuel banni?re ? restent claires */

:is(.shell > main, main) :is(

  .hero-line, .hero-line--intro, .hero-line--big, .hero-line--mid,

  .hero-badge

){

  color:#ffffff !important;

}



:is(.shell > main, main) .vendor{

  color:rgba(28, 25, 23, 0.65) !important;

}



/* Cartes jeu : bandeau info */

:is(.shell > main, main) a.card .info,

:is(.shell > main, main) a.card .info :is(p, .title, .vendor, span){

  color:#f1f5f9 !important;

  -webkit-text-fill-color:#f1f5f9 !important;

}

:is(.shell > main, main) a.card .info .vendor{

  color:rgba(226,232,240,.72) !important;

  -webkit-text-fill-color:rgba(226,232,240,.72) !important;

}



:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){

  color:#3ba0ff !important;

  text-decoration:underline;

  text-underline-offset:2px;

}

:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{

  color:#fda4af !important;

}



/* ?????? ? ?????????? (login, promo): WebKit */

:is(.shell > main, main) .section a:has(img),

:is(.shell > main, main) .section a:has(picture){

  -webkit-text-fill-color:unset;

  text-decoration:none;

}

:is(.shell > main, main) .section a:has(img) img,

:is(.shell > main, main) .section a:has(picture) img,

:is(.shell > main, main) .section a:has(picture) picture{

  opacity:1 !important;

  visibility:visible !important;

  -webkit-text-fill-color:unset;

}



:is(.shell > main, main) :is(.pulse-btn, .hero-cta, .play){

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  text-decoration:none;

}

:is(.shell > main, main) .vmore-btn{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  text-decoration:none;

}

:is(.shell > main, main) :is(.chip, .chip-txt){

  color:#f1f5f9 !important;

  -webkit-text-fill-color:#f1f5f9 !important;

  text-decoration:none;

}

:is(.shell > main, main) .chip-ico{

  color:#018af9 !important;

}



/* ????: ????? ??????? */

.shell .chips a.chip,

.shell .chips a.chip:link,

.shell .chips a.chip:visited,

.shell .chips a.chip:hover,

.shell .chips a.chip:active,

.shell .chips a.chip:focus-visible{

  color:#f1f5f9 !important;

  -webkit-text-fill-color:#f1f5f9 !important;

}

.shell .chips a.chip .chip-txt,

main .chips a.chip span.chip-txt{

  color:#f1f5f9 !important;

  -webkit-text-fill-color:#f1f5f9 !important;

  opacity:1 !important;

  visibility:visible !important;

  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;

  font-weight:600 !important;

}



/* ???????????????????????????????????????????????????????????

   Bet Mexico Casino ? tema oficial MX (verde / blanco / rojo)

   Carta oscura legible, acentos vivos, sin aspecto apagado.

??????????????????????????????????????????????????????????? */

:root{

  --page-bg:#1c354d;

  --main-bg:#1a3149;

  --main-text:#e2e6f0;

  --main-heading:#f8fafc;

  --main-muted:#a8b0c4;

  --sidebar-blue-top:#1a1a1a;

  --sidebar-blue-bot:#0d0d0d;

  --sidebar-pill:rgba(255,255,255,.1);

  --sidebar-pill-hover:rgba(255,255,255,.17);

  --ink:#e8eaef;

  --ink-bright:#f8fafc;

  --ink-muted:#a8b0c4;

  --line:rgba(18,160,110,.25);

  --primary:#1a1a1a;

  --primary-mid:#1a1a1a;

  --primary-dark:#1a1a1a;

  --primary-glow:rgba(18, 160, 110, 0.35);

  --accent-teal:#1a1a1a;

  --accent-teal-dark:#1a1a1a;

  --text-heading:#f8fafc;

}



html{

  color-scheme:dark !important;

  background:#1c354d !important;

}

body:before{

  background-color:#1c354d !important;

  background-image:

    repeating-linear-gradient(60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),

    repeating-linear-gradient(-60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),

    linear-gradient(180deg, #1e3a56 0%, #1c354d 50%, #172d42 100%) !important;

}

html,body{

  color:#e2e6f0 !important;

}



header .head{

  color:#f1f5f9 !important;

}

header .head-nav__link{

  color:rgba(241,245,249,.95) !important;

  -webkit-text-fill-color:rgba(241,245,249,.95) !important;

}

header .head-nav__link:hover{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

header .head-nav__link--active{

  border-bottom-color:#3ba0ff !important;

}



header{

  background:linear-gradient(180deg, #1a1a1a 0%, #121212 100%) !important;

  border-bottom:1px solid rgba(255,255,255,.06) !important;

  backdrop-filter:saturate(110%) blur(6px) !important;

  box-shadow:0 4px 20px rgba(0,0,0,.45) !important;

}

header.scrolled{

  box-shadow:0 8px 28px rgba(0,0,0,.55) !important;

  background:linear-gradient(180deg, #1a1a1a 0%, #121212 100%) !important;

  border-bottom-color:rgba(255,255,255,.06) !important;

}

.burger{

  background:#1a1a1a !important;

  border:1px solid rgba(59, 160, 255,.35) !important;

  color:#f8fafc !important;

}

.logo img{

  height:52px;

  max-width:280px;

  filter:none !important;

}

.ft-logo img{

  height:44px;

  max-width:240px;

  filter:none !important;

}

@media (max-width:520px){ .logo img{ height:42px; max-width:220px; } }

@media (max-width:390px){ .logo img{ height:36px; max-width:190px; } }



.head .head-search-ico{

  background:#1a1a1a !important;

  border:1px solid rgba(59, 160, 255,.28) !important;

  color:#e7ece9 !important;

  box-shadow:none !important;

}

.head .head-search-ico:hover{

  background:#1a2d42 !important;

  border-color:rgba(74,144,226,.45) !important;

}

.head .head-search-ico:focus-visible{

  outline:2px solid #4a90e2 !important;

  outline-offset:2px;

}

.head .head-search-ico svg path{

  stroke:currentColor !important;

}



.head .offers-trigger{

  background:#1a1a1a !important;

  border:1px solid rgba(59, 160, 255,.28) !important;

  color:#e8eaef !important;

}

.head .offers-trigger:hover{

  background:#1a2d42 !important;

  border-color:rgba(74,144,226,.45) !important;

}

.head .offers-trigger:focus-visible{

  outline:2px solid #4a90e2 !important;

  outline-offset:2px;

}

.head .offers-trigger__ico{

  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.25));

}



.head .btn--login,

.head .btn--reg{

  border:2px solid #018af9 !important;

  border-radius:12px !important;

  animation:none !important;

  color:#000 !important;

  -webkit-text-fill-color:#000 !important;

  text-shadow:none !important;

  background:

    linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 36%),

    linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 78%, #0052c7 100%) !important;

  box-shadow:

    0 0 0 1px rgba(0, 107, 246,.55),

    0 3px 10px rgba(0,0,0,.4),

    inset 0 1px 0 rgba(255,255,255,.22) !important;

  clip-path:none !important;

}

.head .btn--reg::before,

.head .btn--login::before,

.head .btn--reg::after,

.head .btn--login::after{

  display:none !important;

  content:none !important;

}

@media (hover:hover){

  .head .btn--reg:hover,

  .head .btn--login:hover{

    filter:brightness(1.06) saturate(1.05) !important;

    border-color:#3ba0ff !important;

    box-shadow:

      0 0 0 1px rgba(127,255,0,.7),

      0 4px 14px rgba(1, 138, 249,.25),

      inset 0 1px 0 rgba(255,255,255,.28) !important;

  }

}



.aside{

  background:linear-gradient(180deg, #0f2238 0%, #0a1a30 50%, #071525 100%) !important;

  border:2px solid #3ba0ff !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.5),

    inset 0 1px 0 rgba(232,208,146,.22),

    0 0 0 1px rgba(80,60,20,.35) !important;

}

.drawer{

  background:linear-gradient(180deg, #0f2238 0%, #0a1a30 55%, #071525 100%) !important;

  border-right:2px solid #3ba0ff !important;

  box-shadow:0 20px 60px rgba(0,0,0,.65), inset 0 1px 0 rgba(232,208,146,.15) !important;

}

.drawer .dhead{

  color:#fff !important;

  border-bottom:1px solid rgba(59, 160, 255,.35) !important;

}

.dclose{

  background:transparent !important;

  border:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  box-shadow:none !important;

}

.dclose:hover{

  background:transparent !important;

  border:none !important;

  filter:none;

  opacity:.8;

}



.aside .nav a,

.drawer .nav a{

  background:transparent !important;

  border:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  isolation:isolate !important;

  overflow:hidden !important;

}

.aside .nav a::after,

.drawer .nav a::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  border-radius:12px !important;

  background:var(--casea-btn-gold) !important;

  z-index:-2 !important;

  pointer-events:none !important;

}

.aside .nav a::before,

.drawer .nav a::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:2px !important;

  border-radius:10px !important;

  background:var(--casea-btn-blue) !important;

  z-index:-1 !important;

  pointer-events:none !important;

  opacity:1 !important;

}

.aside .nav a .nav-ico,

.aside .nav a .nav-txt,

.drawer .nav a .nav-ico,

.drawer .nav a .nav-txt{

  position:relative !important;

  z-index:1 !important;

}

.aside .nav a:hover,

.drawer .nav a:hover{

  background:transparent !important;

  border:none !important;

  filter:brightness(1.08) !important;

}

.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:transparent !important;

  border:none !important;

  box-shadow:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  filter:brightness(1.1) !important;

}

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before{

  background:

    linear-gradient(180deg, rgba(255,255,255,.1) 0%, transparent 42%),

    linear-gradient(180deg, #3a7dbd 0%, #25639a 48%, #16304d 58%, #0c1f35 100%) !important;

  box-shadow:inset 0 0 10px rgba(74,144,226,.22) !important;

}

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  box-shadow:0 0 10px rgba(59, 160, 255,.45) !important;

}

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico{

  filter:drop-shadow(0 0 4px rgba(255,255,255,.45)) !important;

}

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.45)) !important;

  opacity:1 !important;

}

.aside .nav a:hover svg.nav-ico,

.drawer .nav a:hover svg.nav-ico{

  filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)) !important;

  opacity:1 !important;

}

.aside .nav a:hover img.nav-ico,

.drawer .nav a:hover img.nav-ico{

  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.25)) drop-shadow(0 0 5px rgba(255,255,255,.25)) !important;

  opacity:1 !important;

}



.sep{

  border-top-color:rgba(59, 160, 255,.35) !important;

}



.shell > main{

  background:linear-gradient(180deg, rgba(26,49,73,.92) 0%, rgba(23,45,66,.88) 50%, rgba(20,40,58,.9) 100%) !important;

  border:1px solid rgba(59, 160, 255,.28) !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.42),

    inset 0 1px 0 rgba(255,255,255,.04) !important;

}



.page-title{

  color:#ffffff !important;

  font-weight:800;

  letter-spacing:.02em;

  text-shadow:0 2px 10px rgba(0,0,0,.35);

}

:is(.shell > main, main) .page-title{

  color:#ffffff !important;

}



.frame{

  background:#121816 !important;

  border:1px solid rgba(255,255,255,.1) !important;

  box-shadow:0 8px 28px rgba(0,0,0,.4) !important;

}

.frame:before{

  border-color:rgba(0,179,104,.22) !important;

}



.section{

  color:#d1d6e6 !important;

}

.shell > main .section h2,

.shell > main .section h3{

  color:#f8fafc !important;

}

.intro p{

  color:#cbd5e1 !important;

}



.chip{

  background:transparent !important;

  border:none !important;

  color:#fff !important;

  isolation:isolate !important;

  overflow:hidden !important;

}

.chip::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  border-radius:10px !important;

  background:var(--chip-green-frame) !important;

  z-index:-2 !important;

  pointer-events:none !important;

}

.chip::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:2px !important;

  border-radius:8px !important;

  background:var(--chip-green-face) !important;

  z-index:-1 !important;

  pointer-events:none !important;

}

.chip-ico{

  color:#fff !important;

  position:relative !important;

  z-index:1 !important;

}

.chip-txt,

.shell .chips a.chip,

.shell .chips a.chip:link,

.shell .chips a.chip:visited,

.shell .chips a.chip:hover,

.shell .chips a.chip:active,

.shell .chips a.chip:focus-visible,

.shell .chips a.chip .chip-txt,

main .chips a.chip span.chip-txt{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  position:relative !important;

  z-index:1 !important;

}

.shell .chips,

main .chips{

  background:linear-gradient(180deg, #0d1526 0%, #0a1024 100%) !important;

  border:1px solid rgba(255,255,255,.1) !important;

  border-radius:14px !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28) !important;

}

@media (hover:hover){

  main .chips a.chip:hover,

  .shell .chips a.chip:hover{

    background:transparent !important;

    border:none !important;

    filter:brightness(1.08) !important;

    box-shadow:none !important;

    color:#fff !important;

    -webkit-text-fill-color:#fff !important;

  }

}



.site-footer{

  margin-top:40px;

  background:linear-gradient(180deg, #1a1a1a 0%, #121212 100%) !important;

  border-top:1px solid rgba(255,255,255,.08) !important;

  box-shadow:0 -8px 40px rgba(0,0,0,.45) !important;

}

.site-footer a{ color:rgba(255,255,255,.9) !important; }

.site-footer a:hover{ color:#fff !important; }

.ft-wrap{ color:rgba(255,255,255,.62) !important; }

.ft-title{ color:#fff !important; }

.ft-grid{

  border-top-color:rgba(255,255,255,.1) !important;

  border-bottom-color:rgba(255,255,255,.1) !important;

}

.ft-pay{

  background:rgba(0,0,0,.22) !important;

  border:1px solid rgba(255,255,255,.08) !important;

}

.ft-page{

  border-bottom-color:rgba(255,255,255,.1) !important;

}

.ft-page a{

  color:rgba(255,255,255,.88) !important;

  border-bottom-color:rgba(255,255,255,.22) !important;

}

.ft-page a:hover{

  color:#fff !important;

  border-bottom-color:#018af9 !important;

}

.ft-legal{

  border-top-color:rgba(255,255,255,.1) !important;

}

.ft-legal a{

  color:rgba(255,255,255,.88) !important;

  border-bottom-color:rgba(255,255,255,.22) !important;

}

.ft-legal a:hover{

  color:#fff !important;

  border-bottom-color:#018af9 !important;

}

.ft-bottom{

  border-top-color:rgba(255,255,255,.1) !important;

  color:rgba(255,255,255,.52) !important;

}



.ft-btn{

  padding:14px 32px !important;

  font-size:clamp(13px, 2.6vw, 17px) !important;

  font-weight:800 !important;

  letter-spacing:.08em !important;

  line-height:1.3 !important;

  max-width:min(100%, 440px) !important;

  word-break:break-word !important;

  white-space:normal !important;

  text-align:center !important;

  font-family:"Antonio", system-ui, sans-serif !important;

  border-radius:0 !important;

  border:none !important;

  clip-path:var(--casea-clip) !important;

  background:var(--casea-btn-face) !important;

  box-shadow:0 4px 14px rgba(0,0,0,.4) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;

}

.ft-btn::before{

  clip-path:var(--casea-clip) !important;

  border-radius:0 !important;

}

.ft-btn::after{

  clip-path:var(--casea-clip) !important;

  background:var(--casea-btn-gold) !important;

}

.ft-btn:hover{

  filter:brightness(1.08) saturate(1.05) !important;

  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45) !important;

}



.prov{

  background:rgba(30,34,48,.95) !important;

  border:1px solid rgba(255,255,255,.1) !important;

  color:#e8eaef !important;

}

.prov-name{ color:#fda4af !important; }

.prov-media{

  background:#1a1d28 !important;

  border-color:rgba(255,255,255,.08) !important;

}



.table-wrapper table{

  background:transparent !important;

  border:none !important;

  color:#fff !important;

}

.table-wrapper td,

.table-wrapper th{

  border-color:rgba(255,255,255,.12) !important;

  color:#fff !important;

}



/* Tablas: estilo unificado ? homepage two-tone */

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .legal-doc .table-wrapper,

main .table-wrapper,

.table-wrapper{

  background:var(--table-label-bg, #3b2e25) !important;

  border:1px solid rgba(0,0,0,.4) !important;

  border-radius:10px !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;

  padding:0 !important;

  overflow:hidden !important;

}

@media (max-width:768px){

  #facts .table-wrapper:not(.table-wrapper--cards),

  #bonuses .table-wrapper:not(.table-wrapper--cards),

  #payments .table-wrapper:not(.table-wrapper--cards),

  main .legal-doc .table-wrapper:not(.table-wrapper--cards),

  main .table-wrapper:not(.table-wrapper--cards),

  .table-wrapper:not(.table-wrapper--cards){

    overflow-x:auto !important;

    overflow-y:hidden !important;

    -webkit-overflow-scrolling:touch;

    overscroll-behavior-x:contain;

    scrollbar-width:thin;

    scrollbar-color:rgba(190,122,44,.45) rgba(43,33,26,.95);

  }

  .table-wrapper--cards{

    overflow:visible !important;

  }

}

#facts .table-wrapper table,

#bonuses .table-wrapper table,

#payments .table-wrapper table,

main .legal-doc .table-wrapper table,

main .table-wrapper table,

.table-wrapper table{

  background:transparent !important;

  border:none !important;

  border-radius:0 !important;

  overflow:hidden !important;

  width:100% !important;

  border-collapse:collapse !important;

}

#facts .table-wrapper thead,

#bonuses .table-wrapper thead,

#payments .table-wrapper thead,

main .legal-doc .table-wrapper thead,

main .table-wrapper thead,

.table-wrapper thead{

  background:var(--table-label-bg, #3b2e25) !important;

  border-bottom:none !important;

}

#facts .table-wrapper thead th,

#bonuses .table-wrapper thead th,

#payments .table-wrapper thead th,

main .legal-doc .table-wrapper thead th,

main .table-wrapper thead th,

.table-wrapper thead th{

  background:#0d0d0d !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-bottom:1px solid rgba(0,0,0,.28) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

  font-size:15px !important;

  line-height:1.55 !important;

  padding:13px 16px !important;

  vertical-align:top !important;

  text-transform:none !important;

  letter-spacing:normal !important;

}

#facts .table-wrapper tbody tr,

#bonuses .table-wrapper tbody tr,

#payments .table-wrapper tbody tr,

main .legal-doc .table-wrapper tbody tr,

main .table-wrapper tbody tr,

.table-wrapper tbody tr{

  background:transparent !important;

}

#facts .table-wrapper tbody tr:nth-child(odd),

#bonuses .table-wrapper tbody tr:nth-child(odd),

#payments .table-wrapper tbody tr:nth-child(odd),

main .legal-doc .table-wrapper tbody tr:nth-child(odd),

main .table-wrapper tbody tr:nth-child(odd),

.table-wrapper tbody tr:nth-child(odd),

#facts .table-wrapper tbody tr:nth-child(even),

#bonuses .table-wrapper tbody tr:nth-child(even),

#payments .table-wrapper tbody tr:nth-child(even),

main .legal-doc .table-wrapper tbody tr:nth-child(even),

main .table-wrapper tbody tr:nth-child(even),

.table-wrapper tbody tr:nth-child(even){

  background:transparent !important;

}

#facts .table-wrapper :is(td,th),

#bonuses .table-wrapper :is(td,th),

#payments .table-wrapper :is(td,th),

main .legal-doc .table-wrapper :is(td,th),

main .table-wrapper :is(td,th),

.table-wrapper :is(td,th){

  border:0 !important;

  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:15px !important;

  line-height:1.55 !important;

  padding:13px 16px !important;

  vertical-align:top !important;

  text-transform:none !important;

  letter-spacing:normal !important;

  background-image:none !important;

}

#facts .table-wrapper :is(td,th):first-child,

#bonuses .table-wrapper :is(td,th):first-child,

#payments .table-wrapper :is(td,th):first-child,

main .legal-doc .table-wrapper tbody th[scope="row"],

main .legal-doc .table-wrapper :is(td,th):first-child,

main .table-wrapper tbody th[scope="row"],

main .table-wrapper :is(td,th):first-child,

.table-wrapper tbody th[scope="row"],

.table-wrapper :is(td,th):first-child{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

  text-align:left !important;

  background:var(--table-label-bg, #3b2e25) !important;

  background-image:none !important;

}

#facts .table-wrapper :is(td,th):first-child,

#payments .table-wrapper :is(td,th):first-child,

main .legal-doc .table-wrapper table:not(:has(thead)) tbody th[scope="row"],

main .table-wrapper table:not(:has(thead)) tbody th[scope="row"],

.table-wrapper table:not(:has(thead)) tbody th[scope="row"]{

  width:34% !important;

  min-width:min(140px,34%) !important;

}

#facts .table-wrapper td:last-child,

#bonuses .table-wrapper td:last-child,

#payments .table-wrapper td:last-child,

main .legal-doc .table-wrapper td,

main .table-wrapper td,

.table-wrapper td{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:400 !important;

  background:var(--table-value-bg, #241a13) !important;

}

#facts .table-wrapper tbody tr:hover,

#bonuses .table-wrapper tbody tr:hover,

#payments .table-wrapper tbody tr:hover,

main .legal-doc .table-wrapper tbody tr:hover,

main .table-wrapper tbody tr:hover,

.table-wrapper tbody tr:hover{

  background:transparent !important;

}

#facts .table-wrapper tbody tr:hover :is(td,th):first-child,

#facts .table-wrapper tbody tr:hover th[scope="row"],

#bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,

#bonuses .table-wrapper tbody tr:hover th[scope="row"],

#payments .table-wrapper tbody tr:hover :is(td,th):first-child,

#payments .table-wrapper tbody tr:hover th[scope="row"],

main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,

main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],

main .table-wrapper tbody tr:hover :is(td,th):first-child,

main .table-wrapper tbody tr:hover th[scope="row"],

.table-wrapper tbody tr:hover :is(td,th):first-child,

.table-wrapper tbody tr:hover th[scope="row"]{

  background:var(--table-hover-label, #443429) !important;

  background-image:none !important;

}

#facts .table-wrapper tbody tr:hover td,

#bonuses .table-wrapper tbody tr:hover td,

#payments .table-wrapper tbody tr:hover td,

main .legal-doc .table-wrapper tbody tr:hover td,

main .table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover > *:not(:first-child){

  background:var(--table-hover-value, #2e2219) !important;

  background-image:none !important;

  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;

}



#facts .table-wrapper tbody tr:last-child :is(td,th),

#bonuses .table-wrapper tbody tr:last-child :is(td,th),

#payments .table-wrapper tbody tr:last-child :is(td,th),

main .legal-doc .table-wrapper tbody tr:last-child :is(td,th),

main .table-wrapper tbody tr:last-child :is(td,th),

.table-wrapper tbody tr:last-child :is(td,th){

  border-bottom:0 !important;

}



.card{

  background:#252a3a !important;

  border:1px solid rgba(255,255,255,.1) !important;

  box-shadow:0 4px 18px rgba(0,0,0,.35);

}

/* Banda .info: mismo tono oscuro que la tarjeta (evita texto claro sobre fondo claro) */

.card .info,

:is(.shell > main, main) a.card .info{

  background:linear-gradient(180deg, #2d3448 0%, #1e2230 100%) !important;

  border-top:1px solid rgba(255,255,255,.1) !important;

}

.card .info .title{ color:#f8fafc !important; }

.card .info .vendor{ color:#a8b0c4 !important; }



/* Popular games block like reference */

.popular-games{

  background:transparent;

  border-radius:0;

  padding:0;

}

.popular-games h2{

  margin:0 0 14px;

  color:#f8fafc;

  font-size:30px;

  line-height:1.2;

}

.popular-games__grid{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:12px;

  max-width:100%;

}

.popular-games__card{

  display:flex;

  flex-direction:column;

  border-radius:12px;

  overflow:hidden;

  background:#0f172a;

  text-decoration:none !important;

  box-shadow:0 6px 20px rgba(0,0,0,.4);

  position:relative;

}

.popular-games__media{

  overflow:hidden;

  aspect-ratio:1/1;

  flex:0 0 auto;

  background:linear-gradient(180deg, #1a3d5c 0%, #142f47 100%);

  position:relative;

}

.popular-games__card img{

  width:100%;

  height:100%;

  aspect-ratio:1/1;

  object-fit:cover;

  object-position:center;

  display:block;

  transition:transform .28s ease;

}

/* Banner horizontal (Burning Cash): riempie il tile come le altre slot */

.popular-games__media img.popular-games__img--wide{

  object-fit:cover;

  object-position:center;

  padding:0;

  background:none;

}

.popular-games__card:hover img{

  transform:scale(1.06);

}

.popular-games__card:hover img.popular-games__img--wide{

  transform:scale(1.06);

}

.popular-games__media::after{

  content:none;

  display:none;

}

.popular-games__card:hover .popular-games__media::after{

  content:none;

  display:none;

  opacity:0;

}

.popular-games__meta{

  flex:1 1 auto;

  background:linear-gradient(180deg, #1a3d5c 0%, #142f47 100%);

  padding:10px 10px 11px;

  position:relative;

  z-index:2;

  border-top:1px solid rgba(59, 160, 255,.22);

  min-height:44px;

  display:flex;

  flex-direction:column;

  justify-content:center;

}

.popular-games__title{

  margin:0;

  font-size:13px;

  font-weight:700;

  color:#fff;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

  line-height:1.25;

}

.popular-games__vendor{

  display:none;

}

@media (max-width:1100px){

  .popular-games__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }

}

@media (max-width:640px){

  .popular-games{ padding:0; }

  .popular-games h2{ font-size:24px; }

  .popular-games__grid{ grid-template-columns:1fr; }

}



.legal-doc h2{ color:#f8fafc !important; }

.legal-doc p,

.legal-doc li{ color:#cbd5e1 !important; }

.legal-doc .legal-note{

  margin: 0 0 1.25rem !important;

  padding: 0 !important;

  border: none !important;

  border-radius: 0 !important;

  background: transparent !important;

  color: #cbd5e1 !important;

  font-size: inherit;

  line-height: 1.65;

}



/* FAQ ? domande h3, risposte p (tema scuro del sito) */

:is(.shell > main, main) .faq-item{

  margin-bottom: 24px;

  padding: 18px 20px;

  background: rgba(15, 23, 42, 0.55);

  border: 1px solid rgba(1, 138, 249, 0.14);

  border-radius: 12px;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);

}

:is(.shell > main, main) .faq-item h3{

  display: block;

  margin: 0 0 12px !important;

  font-size: 18px;

  font-weight: 800;

  color: #f8fafc !important;

  line-height: 1.35;

}

:is(.shell > main, main) .faq-item p{

  display: block;

  margin: 0 !important;

  color: #cbd5e1 !important;

  line-height: 1.65;

}

:is(.shell > main, main) .faq-item:last-child{

  margin-bottom: 0;

}

@media (max-width: 768px){

  :is(.shell > main, main) .faq-item{

    padding: 14px 16px;

    margin-bottom: 18px;

  }

  :is(.shell > main, main) .faq-item h3{

    font-size: 16px;

    margin-bottom: 10px !important;

  }

}



.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  border-bottom:none !important;

  padding-bottom:0 !important;

}



:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){

  color:#3ba0ff !important;

}

:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{

  color:#fda4af !important;

}

:is(.shell > main, main) :is(.chip, .chip-txt){

  color:#f1f5f9 !important;

  -webkit-text-fill-color:#f1f5f9 !important;

}

:is(.shell > main, main) .chip-ico{

  color:#018af9 !important;

}



/* ???????????????????????????????????????????????????????????

   APP PAGE ? landing premium (app.html + body.app-page)

??????????????????????????????????????????????????????????? */

body.app-page{

  background:

    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(18, 160, 110, .22), transparent 52%),

    linear-gradient(180deg, #0c0e14 0%, var(--page-bg, #14161f) 38%);

}



body.app-page .shell > main{

  overflow: visible;

  border: 1px solid rgba(1, 138, 249, .12);

  box-shadow:

    0 4px 32px rgba(0, 0, 0, .4),

    0 0 0 1px rgba(200, 164, 74, .08) inset;

}



/* App / Login / Bonus page ? intro + banner float (text wraps) */

body.app-page .app-float-layout,

body.acceso-page .app-float-layout,

body.bonus-page .app-float-layout{

  position: relative;

  width: 100%;

}

body.app-page .app-float-layout::after,

body.acceso-page .app-float-layout::after,

body.bonus-page .app-float-layout::after{

  content: "";

  display: table;

  clear: both;

}

body.app-page .app-float-banner{

  float: right;

  width: 50%;

  max-width: 50%;

  margin: 0 0 1.25rem 1.75rem;

  padding: 0;

  border: 0;

  line-height: 0;

}

body.app-page .app-float-banner__link,

body.acceso-page .app-float-banner__link{

  display: block;

  border-radius: 16px;

  overflow: hidden;

  line-height: 0;

  border: 1px solid rgba(1, 138, 249, .22);

  box-shadow:

    0 16px 40px rgba(0, 0, 0, .45),

    0 0 0 1px rgba(200, 164, 74, .14) inset;

  transition: transform .25s ease, box-shadow .25s ease;

}

body.app-page .app-float-banner__link:hover,

body.acceso-page .app-float-banner__link:hover{

  transform: translateY(-2px);

  box-shadow:

    0 20px 48px rgba(0, 0, 0, .5),

    0 0 0 1px rgba(200, 164, 74, .22) inset,

    0 0 24px rgba(18, 160, 110, .18);

}

body.app-page .app-float-banner__img{

  display: block;

  width: 100%;

  height: auto;

  aspect-ratio: 1024 / 548;

  object-fit: cover;

  object-position: center;

}

body.acceso-page .app-float-banner__img{

  display: block;

  width: 100%;

  height: auto;

  aspect-ratio: 600 / 827;

  object-fit: contain;

  object-position: top center;

}

@media (max-width: 900px){

  body.app-page .app-float-banner,

  body.app-page .app-float-aside{

    float: none;

    width: 100%;

    max-width: 100%;

    margin: 0 0 1.25rem;

  }

  body.acceso-page .app-float-banner,

  body.acceso-page .app-float-aside{

    float: none;

    width: 100%;

    max-width: 100%;

    margin: 0 0 1.25rem;

  }

  body.acceso-page .app-float-aside__cta .pulse-btn{

    max-width: min(280px, 100%);

    margin-inline: auto;

  }

  body.bonus-page .app-float-banner,

  body.bonus-page .app-float-aside{

    float: none;

    width: 100%;

    max-width: 100%;

    margin: 0 0 1.25rem;

  }

  body.bonus-page .app-float-banner__link{

    border: none;

    box-shadow: 0 10px 28px rgba(0, 0, 0, .42);

  }

  body.bonus-page .app-float-banner__img{

    aspect-ratio: auto;

    object-fit: contain;

  }

  body.bonus-page .app-float-aside__cta .pulse-btn{

    max-width: min(360px, 100%);

    margin-inline: auto;

  }

}



body.acceso-page .app-float-aside{

  float: right;

  width: min(280px, 38%);

  max-width: 38%;

  margin: 0 0 1.5rem 1.75rem;

  padding: 0;

}

body.acceso-page .app-float-banner{

  float: none !important;

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

}

body.acceso-page .app-float-banner__link{

  border: 1px solid rgba(255, 255, 255, .12);

  box-shadow:

    0 10px 32px rgba(0, 0, 0, .4),

    0 0 0 1px rgba(18, 160, 110, .12) inset;

}

body.acceso-page .app-float-aside__cta{

  margin-top: 14px;

  text-align: center;

}

body.acceso-page .app-float-aside__cta .pulse-btn{

  display: block;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  padding: 12px 16px !important;

  font-size: 13px !important;

  letter-spacing: .06em !important;

}

body.acceso-page .app-float-layout > h2:first-of-type{

  margin-top: 0;

}



/* Bonus page ? landscape promo banner + CTA, text wraps left */

body.bonus-page .app-float-aside{

  float: right;

  width: min(360px, 44%);

  max-width: 44%;

  margin: 0 0 1.5rem 1.75rem;

  padding: 0;

  border: none;

  background: transparent;

}

body.bonus-page .app-float-banner{

  float: none !important;

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

  padding: 0;

  border: none;

}

body.bonus-page .app-float-banner__link{

  display: block;

  overflow: hidden;

  border-radius: 14px;

  line-height: 0;

  border: none;

  box-shadow: 0 10px 28px rgba(0, 0, 0, .42);

  transition: transform .25s ease, box-shadow .25s ease;

}

body.bonus-page .app-float-banner__link:hover{

  transform: translateY(-2px);

  box-shadow: 0 14px 36px rgba(0, 0, 0, .48);

}

body.bonus-page .app-float-banner__link picture{

  display: block;

  line-height: 0;

}

body.bonus-page .app-float-banner__img{

  display: block;

  width: 100%;

  height: auto;

  aspect-ratio: auto;

  object-fit: contain;

  object-position: center;

  vertical-align: top;

}

body.bonus-page .app-float-aside__cta{

  margin-top: 14px;

  text-align: center;

}

body.bonus-page .app-float-aside__cta .pulse-btn{

  display: block;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  padding: 12px 16px !important;

  font-size: 13px !important;

  letter-spacing: .06em !important;

}

body.bonus-page .app-float-layout > h2:first-of-type{

  margin-top: 0;

}

body.bonus-page .app-float-layout .table-wrapper{

  clear: both;

  width: 100%;

}

@media (max-width: 992px){

  body.bonus-page .app-float-aside{

    float: none;

    width: 100%;

    max-width: 100%;

    margin: 0 0 1.25rem;

  }

}



/* ???????????????????????????????????????????????????????????

   GAMES PAGE ? volle Breite, luftiger Text

??????????????????????????????????????????????????????????? */

body.games-page .shell > main{

  overflow: visible;

}

body.games-page .shell > main > .section.intro.legal-doc,

body.games-page #games-guide{

  max-width: var(--main-content-max);

  margin-inline: auto;

}

body.acceso-page .shell > main > .section.intro.legal-doc,

body.acceso-page #login-guide{

  max-width: min(1280px, 100%);

  margin-inline: auto;

}

body.acceso-page #login-guide p,

body.acceso-page #login-guide li{

  max-width: none;

  line-height: 1.72;

  margin: 0 0 1rem;

}

body.acceso-page #login-guide .legal-note{

  margin: 0 0 1.5rem !important;

  line-height: 1.72;

}

body.acceso-page #login-guide .login-intro{

  margin: 0 0 1.5rem;

  max-width: 62rem;

}

body.acceso-page #login-guide .login-intro .legal-note{

  margin: 0 !important;

  line-height: 1.68;

  font-size: 0.98rem;

}

body.acceso-page #login-guide h2{

  margin:1.5rem 0 0.85rem;

  line-height:1.32;

}

body.acceso-page #login-guide h2:first-of-type{

  margin-top: 0;

}

body.acceso-page #login-guide h3{

  margin: 1.5rem 0 0.85rem;

  line-height: 1.38;

}

body.acceso-page #login-guide .table-wrapper{

  margin: 1.35rem 0 1.75rem;

}

body.acceso-page #login-guide .faq-item{

  margin-bottom: 1.25rem;

}

body.acceso-page .login-banner-block{

  width:min(38%, 360px);

  margin:0;

}

@media (max-width: 960px){

  body.acceso-page .login-banner-block{

    width:min(360px, 100%);

    margin:0 auto;

  }

}

body.games-page #games-guide p,

body.games-page #games-guide li{

  max-width: none;

  line-height: 1.72;

  margin: 0 0 1.25rem;

}

body.games-page #games-guide .legal-note{

  margin: 0 0 1.5rem !important;

  line-height: 1.72;

}

body.games-page #games-guide h2{

  margin: 2rem 0 1rem;

  line-height: 1.32;

}

body.games-page #games-guide h2:first-of-type{

  margin-top: 0;

}

body.games-page #games-guide h3{

  margin: 1.5rem 0 0.85rem;

  line-height: 1.38;

}

body.games-page #games-guide .section{

  margin-top: 2rem;

  margin-bottom: 1.5rem;

}

body.games-page #games-guide .popular-games h2{

  margin: 0 0 1rem;

  line-height: 1.3;

}

body.games-page #games-guide .popular-games p{

  line-height: 1.72;

  margin: 0 0 1.1rem;

}

body.games-page #games-guide .popular-games__grid{

  margin: 1.25rem 0 1.75rem;

  gap: 16px;

}

body.games-page #games-guide .table-wrapper{

  margin: 1.35rem 0 1.75rem;

}

body.games-page #games-guide .grid{

  margin: 1.25rem 0 1.5rem;

}



body.app-page .app-hero{

  position: relative;

  margin: 0;

  padding: 0 clamp(12px, 3.5vw, 28px);

}



body.app-page .app-hero--balanced{

  max-width: min(1100px, 100%);

  margin-inline: auto;

}



body.app-page .app-hero__glow{

  pointer-events: none;

  position: absolute;

  inset: -18% -6% auto;

  height: 70%;

  background: radial-gradient(ellipse 72% 52% at 50% 0%, rgba(18, 160, 110, .38), transparent 72%);

  opacity: .75;

  z-index: 0;

}



body.app-page .app-hero__frame{

  position: relative;

  z-index: 1;

  margin: 0;

  padding: clamp(10px, 2vw, 18px);

  border-radius: 22px;

  overflow: hidden;

  line-height: 0;

  background:

    radial-gradient(120% 80% at 50% 0%, rgba(18, 160, 110, .14), transparent 55%),

    linear-gradient(165deg, rgba(22, 28, 38, .98) 0%, rgba(8, 10, 16, .99) 100%);

  border: 1px solid rgba(1, 138, 249, .22);

  box-shadow:

    0 28px 64px rgba(0, 0, 0, .5),

    0 0 0 1px rgba(200, 164, 74, .18) inset,

    0 0 0 1px rgba(255, 255, 255, .05) inset,

    0 0 48px rgba(18, 160, 110, .12);

}



body.app-page .app-hero__img{

  width: 100%;

  display: block;

  vertical-align: middle;

  line-height: 0;

}

body.app-page .app-hero__frame picture{

  display: block;

  width: 100%;

  line-height: 0;

  border-radius: 14px;

  overflow: hidden;

  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .35), rgba(6, 8, 12, .92));

}



/* Sin recorte: imagen completa (p. ej. 1024?682 WebP/PNG); letterboxing suave */

body.app-page .app-hero__img.banner.banner--promo-hero{

  aspect-ratio: auto;

  width: 100%;

  height: auto;

  max-width: 100%;

  max-height: min(78vh, 780px);

  object-fit: contain;

  object-position: center center;

  border-radius: 14px;

}

@media (max-width: 992px){

  body.app-page .app-hero__img.banner.banner--promo-hero{

    max-height: min(74vh, 700px);

  }

}

@media (max-width: 768px){

  body.app-page .app-hero__img.banner.banner--promo-hero{

    max-height: min(64vh, 560px);

  }

}

@media (max-width: 480px){

  body.app-page .app-hero__img.banner.banner--promo-hero{

    max-height: min(58vh, 480px);

  }

}

@media (max-width: 380px){

  body.app-page .app-hero__img.banner.banner--promo-hero{

    max-height: min(52vh, 420px);

  }

}



body.app-page .app-hero__bar{

  height: 3px;

  width: 100%;

  margin: 14px 0 0;

  border-radius: 999px;

  background: linear-gradient(

    90deg,

    transparent 0%,

    rgba(200, 164, 74, .25) 15%,

    var(--gold2, #3ba0ff) 50%,

    rgba(200, 164, 74, .25) 85%,

    transparent 100%

  );

  box-shadow: 0 0 20px rgba(200, 164, 74, .22);

}



body.app-page .page-title{

  margin:0 0 12px !important;

}

body.app-page .app-landing{

  max-width: min(1180px, 100%);

  margin: 0 auto;

  padding: 0;

}

body.app-page .app-guide > .legal-note{

  margin-top: 0 !important;

}

body.app-page .app-guide.legal-doc{

  max-width: min(1180px, 100%);

  margin-inline: auto;

}

body.app-page .page-hero{

  max-width: min(1180px, 100%);

  margin: 0 auto 28px;

  padding: 0 2px;

}

body.app-page .page-hero .banner.banner--page-hero,

body.bonus-page .page-hero .banner.banner--page-hero{

  aspect-ratio: auto;

  width: 100%;

  height: auto;

  max-width: 100%;

  max-height: none;

  object-fit: contain;

  object-position: center center;

  border-radius: 14px;

  box-shadow:

    0 0 0 1px rgba(0,0,0,.5) inset,

    0 16px 48px rgba(0,0,0,.42),

    0 0 56px rgba(1, 138, 249,.14);

}

@media (max-width:768px){

  body.app-page .frame.frame--page-hero,

  body.bonus-page .frame.frame--page-hero{ padding:12px; }

}

@media (max-width:480px){

  body.app-page .frame.frame--page-hero,

  body.bonus-page .frame.frame--page-hero{ padding:10px; }

}



body.app-page .app-landing__intro{

  display: block;

  max-width: 52rem;

  margin: 0 auto;

  padding: clamp(8px, 2vw, 16px) clamp(8px, 2vw, 20px) 4px;

  text-align: center;

  border-radius: 0 0 18px 18px;

  background: linear-gradient(180deg, rgba(15, 18, 26, .35) 0%, transparent 100%);

}



body.app-page .app-landing__eyebrow{

  font-family: "Montserrat", system-ui, sans-serif;

  font-size: .72rem;

  font-weight: 700;

  letter-spacing: .2em;

  text-transform: uppercase;

  color: rgba(200, 164, 74, .95);

  margin: 0 auto 10px;

}



body.app-page .app-landing__title{

  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  font-weight: 700;

  font-size: clamp(2rem, 4.2vw, 2.85rem);

  line-height: 1.12;

  letter-spacing: .02em;

  color: #f8fafc !important;

  margin: 0 auto 14px;

  text-shadow:

    0 2px 24px rgba(0, 0, 0, .45),

    0 0 42px rgba(18, 160, 110, .22);

}



body.app-page .app-landing__lead{

  font-family: "Montserrat", system-ui, sans-serif;

  font-size: 1.05rem;

  line-height: 1.65;

  color: #c8d0e0 !important;

  margin: 0 auto;

  max-width: 58ch;

}



body.app-page .app-landing__guide{

  margin-top: 20px;

  padding-top: 16px;

}



body.app-page .app-landing__guide > h2:first-of-type{

  margin-top: 1.75rem;

  padding-top: 1.75rem;

  border-top: 1px solid rgba(148, 163, 184, .15);

}



body.app-page .app-landing__actions{

  display: flex;

  flex-wrap: wrap;

  gap: 16px;

  justify-content: center;

  align-items: center;

  margin-top: 36px !important;

  margin-bottom: 10px;

}



@media (max-width: 480px){

  body.app-page .app-landing__actions{

    flex-direction: column;

    width: 100%;

    max-width: 300px;

    margin-left: auto;

    margin-right: auto;

  }

  body.app-page .app-landing__actions .pulse-btn{

    width: 100%;

    justify-content: center;

  }

}



@media (max-width: 640px){

  body.app-page .app-landing{

    padding-top: 0;

  }

}



/* Banner bono (modal regalo / icono regalo) */

.offers-panel__img--bono{

  border-radius: 14px !important;

  box-shadow:

    inset 0 0 0 1px rgba(255, 255, 255, .12),

    0 0 0 1px rgba(0, 0, 0, .35),

    0 20px 56px rgba(0, 0, 0, .55),

    0 0 72px rgba(30, 82, 120, .22) !important;

}

@media (hover:hover){

  .offers-panel__link:hover .offers-panel__img--bono{

    box-shadow:

      inset 0 0 0 1px rgba(255, 255, 255, .16),

      0 0 0 1px rgba(59, 160, 255, .35),

      0 24px 64px rgba(0, 0, 0, .6),

      0 0 88px rgba(30, 82, 120, .28) !important;

  }

}



/* ???????????????????????????????????????????????????????????

   BONUS PAGE ? hero banda horizontal (bonus.html + body.bonus-page)

??????????????????????????????????????????????????????????? */

body.bonus-page{

  background:

    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(0, 179, 104, .12), transparent 52%),

    linear-gradient(180deg, #0c0f0d 0%, var(--page-bg, #0a0c0b) 38%);

}

body.bonus-page .shell > main{

  overflow: visible;

  border: 1px solid rgba(1, 138, 249, .1);

  box-shadow:

    0 4px 32px rgba(0, 0, 0, .4),

    0 0 0 1px rgba(200, 164, 74, .06) inset;

}

/* T?tulo separado del hero: evita solaparse con el resplandor */

body.bonus-page :is(.shell > main, main) > .page-title{

  position: relative;

  z-index: 2;

  margin: 0 auto 12px;

  padding: 0 clamp(8px, 2vw, 16px);

  max-width: min(1100px, 100%);

}

body.bonus-page .bonus-hero{

  position: relative;

  z-index: 1;

  margin: 0 auto 6px;

  padding: 0;

  max-width: min(1100px, 100%);

  overflow: hidden;

  border-radius: 22px;

}

body.bonus-page .bonus-hero__glow{

  pointer-events: none;

  position: absolute;

  left: -4%;

  right: -4%;

  top: 0;

  height: 55%;

  background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(18, 160, 110, .28), transparent 72%);

  opacity: .55;

  z-index: 0;

}

body.bonus-page .bonus-hero--image-only > .frame{

  position: relative;

  z-index: 1;

  margin: 0;

  padding: clamp(10px, 2vw, 16px);

  border-radius: 18px;

  background:

    radial-gradient(120% 70% at 50% 0%, rgba(18, 160, 110, .1), transparent 55%),

    linear-gradient(180deg, rgba(22, 28, 38, .98) 0%, rgba(10, 12, 18, .99) 100%);

  border: 1px solid rgba(1, 138, 249, .22);

  box-shadow:

    0 22px 56px rgba(0, 0, 0, .48),

    0 0 0 1px rgba(200, 164, 74, .12) inset,

    0 0 0 1px rgba(255, 255, 255, .05) inset;

}

body.bonus-page .bonus-hero .frame::before{

  border-color: rgba(1, 138, 249, .16);

  opacity: .55;

}

body.bonus-page .bonus-hero .banner-link picture{

  display: block;

  width: 100%;

  line-height: 0;

  border-radius: var(--bannerRad, 12px);

  overflow: hidden;

  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .28), rgba(10, 12, 18, .94));

}

/* Hero bonus: 1024?682 WebP/PNG ? sin recorte forzado por ratio 1024?499 global */

body.bonus-page .bonus-hero .banner.banner--promo-hero{

  aspect-ratio: auto;

  width: 100%;

  height: auto;

  max-width: 100%;

  max-height: min(68vh, 640px);

  object-fit: contain;

  object-position: center center;

}

@media (max-width: 992px){

  body.bonus-page .bonus-hero .banner.banner--promo-hero{

    max-height: min(64vh, 520px);

  }

}

@media (max-width: 768px){

  body.bonus-page .bonus-hero .banner.banner--promo-hero{

    max-height: min(58vh, 440px);

  }

}

@media (max-width: 480px){

  body.bonus-page .bonus-hero .banner.banner--promo-hero{

    max-height: min(52vh, 380px);

  }

}



body.bonus-page .bonus-hero__bar{

  height: 3px;

  margin: 14px auto 0;

  max-width: min(1100px, 100%);

  border-radius: 999px;

  background: linear-gradient(

    90deg,

    transparent 0%,

    rgba(200, 164, 74, .25) 18%,

    var(--gold2, #3ba0ff) 50%,

    rgba(200, 164, 74, .25) 82%,

    transparent 100%

  );

  box-shadow: 0 0 16px rgba(200, 164, 74, .2);

}

body.bonus-page .shell > main > .section.intro.legal-doc{

  padding-top:0;

  margin-top:0;

  max-width: var(--main-content-max);

  margin-inline: auto;

}



/* ???????????????????????????????????????????????????????????

   C?DIGOS PROMOCIONALES ? hero + pilares (codigos-promocionales.html)

??????????????????????????????????????????????????????????? */

body.codigos-page{

  background:

    radial-gradient(ellipse 90% 55% at 50% -12%, rgba(200, 164, 74, .1), transparent 55%),

    radial-gradient(ellipse 70% 40% at 85% 20%, rgba(0, 179, 104, .07), transparent 50%),

    linear-gradient(180deg, #0c0f0d 0%, var(--page-bg, #0a0c0b) 42%);

}

body.codigos-page .shell > main{

  overflow: hidden;

  border: 1px solid rgba(200, 164, 74, .12);

  box-shadow:

    0 4px 36px rgba(0, 0, 0, .45),

    0 0 0 1px rgba(18, 160, 110, .06) inset;

}

body.codigos-page :is(.shell > main, main) > .page-title{

  position: relative;

  z-index: 2;

  margin: 6px auto 18px;

  padding: 0 clamp(8px, 2vw, 16px);

  max-width: min(1100px, 100%);

}

body.codigos-page .codigos-hero-frame{

  max-width: min(1100px, 100%);

  margin: 0 auto 4px;

  padding: clamp(10px, 2vw, 16px);

  border-radius: 18px;

  background:

    radial-gradient(120% 70% at 50% 0%, rgba(18, 160, 110, .1), transparent 55%),

    linear-gradient(180deg, rgba(22, 28, 38, .98) 0%, rgba(10, 12, 18, .99) 100%);

  border: 1px solid rgba(1, 138, 249, .2);

  box-shadow:

    0 22px 56px rgba(0, 0, 0, .42),

    0 0 0 1px rgba(200, 164, 74, .1) inset,

    0 0 0 1px rgba(255, 255, 255, .05) inset;

}

body.codigos-page .codigos-hero-frame::before{

  border-color: rgba(1, 138, 249, .14);

  opacity: .5;

}

body.codigos-page .codigos-hero-frame .banner-wrap{

  position: relative;

  z-index: 1;

}

body.codigos-page .codigos-hero-frame .banner-link picture{

  display: block;

  width: 100%;

  line-height: 0;

  border-radius: var(--bannerRad, 12px);

  overflow: hidden;

  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .28), rgba(10, 12, 18, .94));

}

/* Hero c?digos: 1024?628 WebP/PNG ? sin recorte forzado por ratio global 1024?499 */

body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{

  aspect-ratio: auto;

  width: 100%;

  height: auto;

  max-width: 100%;

  max-height: min(68vh, 620px);

  object-fit: contain;

  object-position: center center;

}

@media (max-width: 992px){

  body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{

    max-height: min(62vh, 520px);

  }

}

@media (max-width: 768px){

  body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{

    max-height: min(56vh, 440px);

  }

}

@media (max-width: 480px){

  body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{

    max-height: min(50vh, 380px);

  }

}

body.codigos-page .codigo-pillars{

  padding: clamp(22px, 3vw, 32px) clamp(14px, 2.5vw, 28px) clamp(8px, 1.5vw, 14px);

  background: linear-gradient(180deg, rgba(20, 22, 30, .6) 0%, transparent 100%);

  border-bottom: 1px solid rgba(255, 255, 255, .05);

}

body.codigos-page .codigo-pillars__inner{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: clamp(12px, 2vw, 20px);

  max-width: 1100px;

  margin: 0 auto;

}

body.codigos-page .codigo-pillar{

  padding: clamp(16px, 2vw, 22px) clamp(14px, 1.8vw, 20px);

  border-radius: 12px;

  background: rgba(255, 255, 255, .03);

  border: 1px solid rgba(200, 164, 74, .15);

  box-shadow: 0 8px 28px rgba(0, 0, 0, .25);

}

body.codigos-page .codigo-pillar__label{

  display: block;

  margin-bottom: 8px;

  font-family: "Montserrat", system-ui, sans-serif;

  font-weight: 700;

  font-size: 0.72rem;

  letter-spacing: .14em;

  text-transform: uppercase;

  color: var(--gold1, #5cb0ff);

}

body.codigos-page .codigo-pillar p{

  margin: 0;

  font-size: clamp(0.78rem, 0.35vw + 0.7rem, 0.86rem);

  line-height: 1.55;

  color: rgba(203, 213, 225, .95);

}

body.codigos-page .shell > main > .section.intro.legal-doc{

  padding-top: clamp(18px, 2.5vw, 26px);

}

@media (max-width: 900px){

  body.codigos-page .codigo-pillars__inner{

    grid-template-columns: 1fr;

  }

}



/* ???????????????????????????????????????????????????????????

   GIROS GRATIS ? layout main (giros-gratis.html)

??????????????????????????????????????????????????????????? */

body.giros-page .shell > main{

  overflow: hidden;

  border: 1px solid rgba(200, 164, 74, .12);

  box-shadow:

    0 4px 36px rgba(0, 0, 0, .45),

    0 0 0 1px rgba(18, 160, 110, .06) inset;

}

body.giros-page :is(.shell > main, main) > .page-title{

  position: relative;

  z-index: 2;

  margin: 6px auto 18px;

  padding: 0 clamp(8px, 2vw, 16px);

  max-width: min(1100px, 100%);

}

body.giros-page .giros-hero-frame{

  max-width: min(1100px, 100%);

  margin: 0 auto 4px;

  padding: clamp(10px, 2vw, 16px);

  border-radius: 18px;

  background:

    radial-gradient(120% 70% at 50% 0%, rgba(18, 160, 110, .12), transparent 55%),

    linear-gradient(180deg, rgba(22, 28, 38, .98) 0%, rgba(10, 12, 18, .99) 100%);

  border: 1px solid rgba(1, 138, 249, .2);

  box-shadow:

    0 22px 56px rgba(0, 0, 0, .42),

    0 0 0 1px rgba(200, 164, 74, .1) inset,

    0 0 0 1px rgba(255, 255, 255, .05) inset;

}

body.giros-page .giros-hero-frame:before{

  border-color: rgba(1, 138, 249, .14);

  opacity: .5;

}

body.giros-page .giros-hero-frame .banner-wrap{

  position: relative;

  z-index: 1;

}

body.giros-page .giros-hero-frame .banner-link picture{

  display: block;

  width: 100%;

  line-height: 0;

  border-radius: var(--bannerRad, 12px);

  overflow: hidden;

  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .28), rgba(10, 12, 18, .94));

}

/* Hero giros: 1024?510 WebP/PNG ? sin recorte forzado por ratio 1024?511 global */

body.giros-page .giros-hero-frame .banner.banner--promo-hero{

  aspect-ratio: auto;

  width: 100%;

  height: auto;

  max-width: 100%;

  max-height: min(68vh, 600px);

  object-fit: contain;

  object-position: center center;

}

@media (max-width: 992px){

  body.giros-page .giros-hero-frame .banner.banner--promo-hero{

    max-height: min(62vh, 500px);

  }

}

@media (max-width: 768px){

  body.giros-page .giros-hero-frame .banner.banner--promo-hero{

    max-height: min(56vh, 420px);

  }

}

@media (max-width: 480px){

  body.giros-page .giros-hero-frame .banner.banner--promo-hero{

    max-height: min(50vh, 360px);

  }

}

body.giros-page .shell > main > .section.intro.legal-doc{

  padding-top: clamp(18px, 2.5vw, 26px);

}



/* ???????????????????????????????????????????????????????????

   ACCESO / INICIAR SESI?N ? tarjeta centrada + banner (iniciar-sesion.html)

??????????????????????????????????????????????????????????? */

body.acceso-page .shell > main{

  overflow: visible;

}

body.acceso-page .page-title{

  margin-bottom:12px;

}

body.acceso-page .acceso-panel{

  max-width: min(960px, 100%);

  margin: 0 auto;

}

body.acceso-page .acceso-panel__inner{

  padding: clamp(20px, 3.2vw, 32px);

  border-radius: 22px;

  background:

    radial-gradient(120% 90% at 12% 0%, rgba(30, 82, 120, .18), transparent 52%),

    radial-gradient(80% 70% at 100% 12%, rgba(11, 20, 29, .28), transparent 45%),

    linear-gradient(165deg, rgba(26, 61, 92, .97), rgba(11, 20, 29, .94));

  border: 1px solid rgba(59, 160, 255, .22);

  box-shadow:

    0 24px 64px rgba(0, 0, 0, .42),

    0 0 0 1px rgba(255, 255, 255, .05) inset,

    inset 0 1px 0 rgba(255, 255, 255, .07);

}

body.acceso-page .acceso-panel__grid{

  display: block;

}

body.acceso-page .acceso-panel__copy{

  overflow: hidden;

}

body.acceso-page .acceso-panel__copy::after{

  content:"";

  display:table;

  clear:both;

}

body.acceso-page .acceso-panel__eyebrow{

  margin: 0 0 10px;

  font-family: Montserrat, system-ui, sans-serif;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: .2em;

  text-transform: uppercase;

  color: #3ba0ff;

}

body.acceso-page .acceso-panel__lead{

  margin: 0 0 20px;

  font-size: clamp(15px, 1.35vw, 17px);

  line-height: 1.65;

  color: #e8edf7 !important;

}

body.acceso-page .acceso-panel__h{

  margin: 22px 0 10px;

  font-family: Montserrat, system-ui, sans-serif;

  font-size: clamp(15px, 1.25vw, 17px);

  font-weight: 800;

  color: #f8fafc !important;

  letter-spacing: .02em;

}

body.acceso-page .acceso-panel__h:first-of-type{

  margin-top: 0;

}

body.acceso-page .acceso-panel__p{

  margin: 0 0 12px;

  font-size: 14px;

  line-height: 1.65;

  color: #d1d6e6 !important;

}

body.acceso-page .acceso-panel__list{

  margin: 0;

  padding-left: 1.2rem;

  color: #d1d6e6 !important;

  line-height: 1.62;

}

body.acceso-page .acceso-panel__list li{

  margin: 0 0 10px;

}

body.acceso-page .acceso-panel__note{

  margin: 20px 0 0;

  padding: 14px 16px;

  border-radius: 12px;

  font-size: 13px;

  line-height: 1.55;

  background: rgba(11, 20, 29, .55);

  border: 1px solid rgba(59, 160, 255, .22);

  color: #e2e8f0 !important;

}

body.acceso-page .acceso-panel__links{

  margin: 18px 0 0;

  font-size: 13px;

  line-height: 1.6;

  color: rgba(226, 232, 240, .88) !important;

}

body.acceso-page .acceso-panel__links a{

  color: #3ba0ff !important;

  text-decoration: none;

  border-bottom: 1px solid rgba(59, 160, 255, .35);

}

body.acceso-page .acceso-panel__links a:hover{

  color: #5cb0ff !important;

  border-bottom-color: rgba(240, 212, 138, .45);

}

body.acceso-page .acceso-panel__cta{

  margin-top: 22px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 12px 16px;

}

body.acceso-page .acceso-panel__cta .pulse-btn{

  text-transform: none;

  letter-spacing: .04em;

  font-size: 15px;

  padding: 14px 26px;

}

body.acceso-page .acceso-panel__cta-secondary{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:12px 20px;

  border:none;

  border-radius:0;

  font-family:Montserrat, system-ui, sans-serif;

  font-weight:800;

  font-size:14px;

  letter-spacing:.06em;

  text-transform:uppercase;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-decoration:none !important;

  text-shadow:0 1px 2px rgba(0,0,0,.45);

  position:relative;

  z-index:0;

  isolation:isolate;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-face);

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  transition:filter .2s ease, box-shadow .2s ease;

}

body.acceso-page .acceso-panel__cta-secondary::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 40%);

  opacity:.85;

}

body.acceso-page .acceso-panel__cta-secondary::after{

  content:"";

  position:absolute;

  inset:var(--casea-btn-frame, -3px);

  z-index:-1;

  pointer-events:none;

  clip-path:var(--casea-clip);

  background:var(--casea-btn-gold);

}

body.acceso-page .acceso-panel__cta-secondary:hover{

  filter:brightness(1.08) saturate(1.05);

  color:#fff !important;

  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);

}

body.acceso-page .acceso-panel__visual{

  float: right;

  width: min(320px, 36%);

  max-width: 100%;

  margin: 0 0 12px 24px;

  shape-outside: inset(0 round 18px);

  shape-margin: 12px;

}

body.acceso-page .acceso-panel__banner-link{

  display: block;

  line-height: 0;

  text-decoration: none !important;

  border-radius: 18px;

  transition: transform .28s ease, box-shadow .28s ease;

}

body.acceso-page .acceso-panel__banner-link:hover{

  transform: translateY(-2px);

}

body.acceso-page .acceso-panel__banner-link:focus-visible{

  outline: 2px solid #3ba0ff;

  outline-offset: 3px;

}

body.acceso-page .acceso-panel__banner-frame{

  display: block;

  overflow: hidden;

  border-radius: 18px;

  border: 1px solid rgba(59, 160, 255, .28);

  box-shadow:

    0 16px 48px rgba(0, 0, 0, .45),

    0 0 0 1px rgba(255, 255, 255, .06) inset,

    0 0 40px rgba(30, 82, 120, .18);

}

body.acceso-page .acceso-panel__banner-link:hover .acceso-panel__banner-frame{

  box-shadow:

    0 20px 56px rgba(0, 0, 0, .5),

    0 0 0 1px rgba(59, 160, 255, .22) inset,

    0 0 48px rgba(30, 82, 120, .24);

}

body.acceso-page .acceso-panel__banner-frame picture{

  display: block;

  width: 100%;

  line-height: 0;

}

body.acceso-page .acceso-panel__banner{

  width: 100%;

  height: auto;

  display: block;

  vertical-align: bottom;

}

body.acceso-page .acceso-panel__trust{

  list-style: none;

  margin: 22px 0 0;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  gap: 8px 14px;

  justify-content: center;

  clear: both;

  width: 100%;

}

body.acceso-page .acceso-panel__trust li{

  margin: 0;

  padding: 6px 12px;

  border-radius: 999px;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .04em;

  text-transform: uppercase;

  color: rgba(241, 245, 249, .9) !important;

  background: rgba(0, 0, 0, .28);

  border: 1px solid rgba(255, 255, 255, .1);

}

body.acceso-page .acceso-panel__caption{

  margin: 10px 0 0;

  font-size: 11px;

  line-height: 1.45;

  text-align: center;

  color: rgba(203, 213, 225, .72) !important;

  clear: both;

  width: 100%;

}

@media (max-width: 860px){

  body.acceso-page .acceso-panel__visual{

    width: min(300px, 42%);

    margin: 4px 0 14px 18px;

  }

}

@media (max-width: 560px){

  body.acceso-page .acceso-panel__visual{

    float: none;

    width: 100%;

    max-width: min(420px, 100%);

    margin: 0 auto 18px;

  }

}

@media (max-width: 640px){

  body.acceso-page .shell > main{

    padding-bottom: max(32px, env(safe-area-inset-bottom, 0px), var(--main-pad-bottom));

  }

  body.acceso-page .acceso-panel__inner{

    padding: 18px 16px 20px;

    border-radius: 18px;

  }

  body.acceso-page .acceso-panel__cta{

    flex-direction: column;

    align-items: stretch;

  }

  body.acceso-page .acceso-panel__cta .pulse-btn,

  body.acceso-page .acceso-panel__cta-secondary{

    width: 100%;

    justify-content: center;

  }

}



/* ???????????????????????????????????????????????????????????

   M?VIL GLOBAL ? refuerzo (safe area, shell, cabecera, footer)

   Aplica a todas las p?ginas con el layout est?ndar

??????????????????????????????????????????????????????????? */

@media (max-width: 992px){

  html{

    overflow-x: hidden;

  }

  .shell{

    padding:

      max(10px, env(safe-area-inset-top, 0px))

      max(10px, env(safe-area-inset-right, 0px))

      max(12px, env(safe-area-inset-bottom, 0px))

      max(10px, env(safe-area-inset-left, 0px));

    gap: 12px;

  }

  header .head{

    padding-left: max(10px, env(safe-area-inset-left, 0px));

    padding-right: max(10px, env(safe-area-inset-right, 0px));

    flex-wrap: wrap;

    row-gap: 8px;

    column-gap: 8px;

  }

  /* Fila 1 m?vil: men? | logo ??? idioma | regalo | b?squeda */

  header .head::after{

    content:"";

    order:9;

    flex-basis:100%;

    width:0;

    height:0;

  }

  .head .burger{ order:1; }

  .head .logo{ order:2; }

  .head .lang-switch{

    order:5;

    flex:0 0 auto;

    width:auto;

    display:inline-flex;

    margin-left:0;

    justify-content:flex-start;

  }

  .head .head-nav{ order:4; }

  .head .offers-trigger{

    order:6;

    margin-left:auto;

  }

  .head .head-search-ico{ order:7; }

  .head .btn--login{ order:10; }

  .head .btn--reg{ order:11; }

  .head .lang-switch .lang-menu{

    left:auto;

    right:0;

    transform:none;

  }

  .head .btn{

    min-width: 0;

    flex: 1 1 calc(50% - 34px);

    min-height: 44px;

    padding: 0 10px;

    font-size: clamp(10px, 2.8vw, 12px);

    letter-spacing: 0.05em;

  }

  main picture,

  main .banner-wrap,

  main .banner-link{

    max-width: 100%;

  }

}



@media (max-width: 560px){

  .head .btn{

    flex: 1 1 100%;

    max-width: none;

  }

}



@media (max-width: 640px){

  .ft-page{

    justify-content: flex-start;

    row-gap: 10px;

    column-gap: 12px;

    padding-left: max(6px, env(safe-area-inset-left, 0px));

    padding-right: max(6px, env(safe-area-inset-right, 0px));

    font-size: 12px;

    line-height: 1.45;

  }

  .ft-page a{

    min-height: 44px;

    display: inline-flex;

    align-items: center;

    padding: 6px 10px;

    border-radius: 10px;

    border-bottom: none;

    background: rgba(255, 255, 255, .05);

  }

  .ft-page a:hover{

    background: rgba(255, 255, 255, .1);

  }

}



@media (max-width: 520px){

  .ft-grid .ft-col{

    padding-bottom: 10px;

    margin-bottom: 6px;

    border-bottom: 1px solid rgba(255, 255, 255, .07);

  }

  .ft-grid .ft-col:last-child{

    border-bottom: none;

    margin-bottom: 0;

    padding-bottom: 0;

  }

}



@media (max-width: 480px){

  .shell > main{

    border-radius: 10px;

  }

  body.bonus-page .shell > main,

  body.codigos-page .shell > main,

  body.giros-page .shell > main,

  body.app-page .shell > main,

  body.games-page .shell > main,

  body.acceso-page .shell > main{

    padding-left: max(var(--main-pad-x), env(safe-area-inset-left, 0px));

    padding-right: max(var(--main-pad-x), env(safe-area-inset-right, 0px));

  }

}



@media (hover: none) and (pointer: coarse){

  body.acceso-page .acceso-panel__banner-link:hover{

    transform: none;

  }

}



@media (max-width: 420px){

  header .logo img{

    max-width: min(190px, 54vw);

  }

}



button,

.btn,

.pulse-btn,

.ft-btn,

.offers-trigger,

.burger,

.head-search-ico{

  touch-action: manipulation;

}



/* ??? CASEA ? ?????-????? ?????? + ??????? ??????? ??? */

:is(

  .pulse-btn,

  .vmore-btn,

  .ft-btn,

  .hero-cta,

  .btn--login,

  .btn--reg,

  .head .btn,

  .play,

  body.acceso-page .acceso-panel__cta .pulse-btn,

  body.acceso-page .acceso-panel__cta-secondary

){

  position:relative !important;

  z-index:0 !important;

  isolation:isolate !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  border:none !important;

  border-radius:0 !important;

  clip-path:var(--casea-clip) !important;

  background:transparent !important;

  box-shadow:0 4px 14px rgba(0,0,0,.45) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-shadow:none !important;

  font-weight:800 !important;

  letter-spacing:.08em !important;

  text-transform:uppercase !important;

  text-decoration:none !important;

  line-height:1 !important;

}

.play{

  clip-path:var(--casea-clip-sm) !important;

}

:is(

  .pulse-btn,

  .vmore-btn,

  .ft-btn,

  .hero-cta,

  .btn--login,

  .btn--reg,

  .head .btn,

  .play,

  body.acceso-page .acceso-panel__cta .pulse-btn,

  body.acceso-page .acceso-panel__cta-secondary

)::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:var(--casea-btn-border, 3px) !important;

  z-index:-1 !important;

  pointer-events:none !important;

  border-radius:0 !important;

  clip-path:var(--casea-clip-inner) !important;

  background:var(--casea-btn-blue) !important;

  opacity:1 !important;

}

.play::before{

  clip-path:var(--casea-clip-sm-inner) !important;

}

:is(

  .pulse-btn,

  .vmore-btn,

  .ft-btn,

  .hero-cta,

  .btn--login,

  .btn--reg,

  .head .btn,

  .play,

  body.acceso-page .acceso-panel__cta .pulse-btn,

  body.acceso-page .acceso-panel__cta-secondary

)::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  z-index:-2 !important;

  pointer-events:none !important;

  border-radius:0 !important;

  clip-path:var(--casea-clip) !important;

  background:var(--casea-btn-gold) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,236,180,.35),

    0 0 0 1px rgba(80,60,20,.45) !important;

  opacity:1 !important;

}

.play::after{

  clip-path:var(--casea-clip-sm) !important;

}

.head .btn,

.head .btn--login,

.head .btn--reg{

  animation:none !important;

  font-size:13px !important;

  min-width:132px !important;

  height:40px !important;

  padding:0 22px !important;

}

:is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--reg, .ft-btn.pulse, .ft-btn.is-pulsing, .pulse){

  animation:casea-btn-pulse 2.4s infinite;

}

@media (hover:hover){

  :is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--login, .btn--reg, .head .btn, .play):hover{

    filter:brightness(1.06) !important;

    box-shadow:0 6px 16px rgba(0,0,0,.5), 0 0 12px rgba(59, 160, 255,.45) !important;

  }

}



/* ?????? ? ?????? ???????? ? ???? ?????????? */

:is(.shell > main, main) :is(.pulse-btn, .vmore-btn),

body.acceso-page .acceso-panel__cta .pulse-btn,

body.acceso-page .acceso-panel__cta-secondary{

  padding:11px 22px !important;

  font-size:14px !important;

  min-height:40px !important;

  letter-spacing:.06em !important;

}

@media (max-width:768px){

  :is(.shell > main, main) :is(.pulse-btn, .vmore-btn),

  body.acceso-page .acceso-panel__cta .pulse-btn,

  body.acceso-page .acceso-panel__cta-secondary{

    padding:10px 18px !important;

    font-size:13px !important;

    min-height:38px !important;

  }

  :is(.shell > main, main) .cta-center:not(.cta-center--pair) .pulse-btn{

    max-width:min(300px, 100%) !important;

  }

}

@media (max-width:480px){

  :is(.shell > main, main) :is(.pulse-btn, .vmore-btn),

  body.acceso-page .acceso-panel__cta .pulse-btn,

  body.acceso-page .acceso-panel__cta-secondary{

    padding:9px 16px !important;

    font-size:12px !important;

    min-height:36px !important;

  }

}



/* ??????? ???? ?????????? ?????? ?? ????????? */

@media (min-width:993px){

  .aside{

    position:relative !important;

    top:auto !important;

    max-height:none !important;

    overflow-y:visible !important;

  }

}



/* ??? ???????? + ???? Casea */

html{

  background:#1c354d !important;

}

body:before{

  background-color:#1c354d !important;

  background-image:

    repeating-linear-gradient(60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),

    repeating-linear-gradient(-60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),

    linear-gradient(180deg, #1e3a56 0%, #1c354d 50%, #172d42 100%) !important;

}

.shell .chips,

main .chips{

  background:linear-gradient(180deg, #0d1526 0%, #0a1024 100%) !important;

  border:1px solid rgba(255,255,255,.1) !important;

  border-radius:14px !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28) !important;

}

.chip,

.shell .chips a.chip{

  background:transparent !important;

  border:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

.chip::after,

.shell .chips a.chip::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  border-radius:10px !important;

  background:var(--chip-green-frame) !important;

  z-index:-2 !important;

}

.chip::before,

.shell .chips a.chip::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:2px !important;

  border-radius:8px !important;

  background:var(--chip-green-face) !important;

  z-index:-1 !important;

}

:is(.chip-ico, .chip-ico svg){

  color:#fff !important;

  stroke:#fff !important;

  position:relative !important;

  z-index:1 !important;

}

:is(.chip-txt){

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  position:relative !important;

  z-index:1 !important;

}

#login .login-note,

.login-note{

  display:none !important;

}

.home-vip-promo{

  display:none !important;

}

.table-wrapper,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .legal-doc .table-wrapper,

main .table-wrapper{

  background:var(--table-label-bg, #3b2e25) !important;

  border:1px solid rgba(0,0,0,.35) !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;

}

.table-wrapper thead{

  background:var(--table-head-bg, #3b2e25) !important;

}

.table-wrapper thead th{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  background:transparent !important;

  border-bottom:1px solid rgba(255,255,255,.18) !important;

  text-transform:none !important;

}

.table-wrapper tbody tr:nth-child(even){

  background:transparent !important;

}

.table-wrapper tbody tr:hover{

  background:rgba(255,255,255,.06) !important;

}

#facts .table-wrapper :is(td,th),

#bonuses .table-wrapper :is(td,th),

#payments .table-wrapper :is(td,th),

main .legal-doc .table-wrapper :is(td,th),

main .table-wrapper :is(td,th),

.table-wrapper :is(td,th){

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

.popular-games__meta{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

  border-top:1px solid rgba(1, 138, 249,.28) !important;

}

.popular-games__media{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

}

.popular-games__media::after{

  content:none !important;

  display:none !important;

}

.popular-games__card:hover .popular-games__media::after{

  content:none !important;

  display:none !important;

  opacity:0 !important;

  visibility:hidden !important;

}

.popular-games__card:hover .popular-games__media::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  background:rgba(10,22,38,.45) !important;

  z-index:1 !important;

  pointer-events:none !important;

}

/* Game tiles ? GIOCA on hover (blue fill + gold frame, not global .play) */

:is(.popular-games__media, .card .media) .game-play-btn{

  position:absolute !important;

  top:50% !important;

  left:50% !important;

  right:auto !important;

  bottom:auto !important;

  transform:translate(-50%,-50%) !important;

  z-index:5 !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  margin:0 !important;

  padding:7px 16px !important;

  font-size:11px !important;

  font-weight:800 !important;

  letter-spacing:.08em !important;

  text-transform:uppercase !important;

  line-height:1 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  white-space:nowrap !important;

  pointer-events:none !important;

  opacity:0 !important;

  visibility:hidden !important;

  transition:opacity .22s ease, visibility .22s ease, transform .22s ease !important;

  isolation:isolate !important;

  clip-path:var(--casea-clip-sm) !important;

  background:transparent !important;

  border:none !important;

  border-radius:0 !important;

  box-shadow:0 4px 14px rgba(0,0,0,.5) !important;

  text-shadow:none !important;

}

:is(.popular-games__media, .card .media) .game-play-btn::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:2px !important;

  z-index:-1 !important;

  pointer-events:none !important;

  clip-path:var(--casea-clip-sm-inner) !important;

  background:var(--casea-btn-blue) !important;

  border-radius:0 !important;

}

:is(.popular-games__media, .card .media) .game-play-btn::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  z-index:-2 !important;

  pointer-events:none !important;

  clip-path:var(--casea-clip-sm) !important;

  background:var(--casea-btn-gold) !important;

  border-radius:0 !important;

  box-shadow:

    inset 0 1px 0 rgba(255,236,180,.35),

    0 0 0 1px rgba(80,60,20,.45) !important;

}

.card:hover .media::before,

.grid .card:hover .media::before{

  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  background:rgba(10,22,38,.45) !important;

  z-index:1 !important;

  pointer-events:none !important;

}

@media (hover: hover){

  .popular-games__card:hover .popular-games__media .game-play-btn,

  .card:hover .media .game-play-btn,

  .grid .card:hover .media .game-play-btn{

    opacity:1 !important;

    visibility:visible !important;

    transform:translate(-50%,-50%) scale(1.04) !important;

  }

}



/* ??? VegasHero ? purple/green button theme ??? */

header .head{

  padding:12px 16px !important;

  min-height:72px !important;

  gap:12px !important;

}

.logo img{

  height:52px !important;

  max-width:280px !important;

}

.ft-logo img{

  height:44px !important;

  max-width:240px !important;

}

.head .btn{

  height:40px !important;

  min-height:40px !important;

  padding:0 20px !important;

  min-width:120px !important;

  font-size:12px !important;

}

.head .offers-trigger,

.head .head-search-ico{

  width:40px !important;

  height:40px !important;

  min-width:40px !important;

  min-height:40px !important;

}

@media (max-width:520px){

  .logo img{ height:42px !important; max-width:220px !important; }

  header .head{ padding:10px 12px !important; min-height:64px !important; }

}

@media (max-width:390px){

  .logo img{ height:36px !important; max-width:190px !important; }

}



.aside{

  background:#0d0d0d !important;

  border:1px solid #018af9 !important;

  box-shadow:0 14px 44px rgba(0,0,0,.45), 0 0 0 1px rgba(1,138,249,.2) !important;

}

.drawer{

  background:#0d0d0d !important;

  border-right:1px solid #018af9 !important;

}

.drawer .dhead{

  border-bottom-color:rgba(26,51,88,.85) !important;

}

.dclose{

  border:none !important;

  background:transparent !important;

}

.dclose:hover{

  border:none !important;

  background:transparent !important;

}

.sep{

  border-top-color:rgba(26,51,88,.85) !important;

}



.aside .nav a::after,

.drawer .nav a::after,

.chip::after,

.shell .chips a.chip::after,

.head .btn--login::after,

.head .btn--reg::after,

.head .btn::after,

.btn--login::after,

.btn--reg::after,

.pulse-btn::after,

.ft-btn::after,

.vmore-btn::after,

.hero-cta::after,

.play::after,

body.acceso-page .acceso-panel__cta .pulse-btn::after,

body.acceso-page .acceso-panel__cta-secondary::after,

:is(.popular-games__media, .card .media) .game-play-btn::after{

  display:none !important;

  content:none !important;

  background:transparent !important;

  box-shadow:none !important;

  opacity:0 !important;

  visibility:hidden !important;

}



.aside .nav a::before,

.drawer .nav a::before{

  inset:0 !important;

  border-radius:12px !important;

  background:linear-gradient(180deg, #1a3a5c 0%, #142f4a 55%, #0f2438 100%) !important;

  box-shadow:none !important;

}



.aside .nav a,

.drawer .nav a{

  border-radius:12px !important;

  box-shadow:inset 0 0 0 1px #1a3358 !important;

  filter:none !important;

}

.aside .nav a:hover,

.drawer .nav a:hover{

  box-shadow:inset 0 0 0 1px #243d66 !important;

  filter:none !important;

}

.aside .nav a:hover::before,

.drawer .nav a:hover::before{

  background:linear-gradient(180deg, #1f4470 0%, #183a5c 55%, #122a42 100%) !important;

}



.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:transparent !important;

  filter:none !important;

  box-shadow:inset 0 0 0 1px #1a3358 !important;

}

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before{

  background:linear-gradient(180deg, #1a3a5c 0%, #142f4a 55%, #0f2438 100%) !important;

  box-shadow:none !important;

}

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:500 !important;

  text-shadow:none !important;

}

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico{

  color:#fff !important;

  filter:none !important;

}

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) invert(1) !important;

  opacity:.93 !important;

}

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  display:none !important;

  box-shadow:none !important;

}



.chip::before,

.shell .chips a.chip::before{

  inset:0 !important;

  border-radius:10px !important;

}



:is(.popular-games__media, .card .media) .game-play-btn::before{

  inset:0 !important;

}



:is(.btn--login, .btn--reg, .head .btn, .head .btn--login, .head .btn--reg, .pulse-btn, .ft-btn, .vmore-btn, .hero-cta, .play){

  box-shadow:0 4px 14px rgba(0,0,0,.45), inset 0 0 0 1px rgba(0,212,255,.16) !important;

}

@media (hover:hover){

  :is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--login, .btn--reg, .head .btn, .play):hover{

    box-shadow:0 6px 16px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,212,255,.22) !important;

  }

}



.chip,

.shell .chips a.chip{

  box-shadow:inset 0 0 0 1px rgba(38,68,38,.35) !important;

}



:is(.popular-games__media, .card .media) .game-play-btn{

  box-shadow:0 4px 14px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,212,255,.16) !important;

}



.head-nav__link--active{

  border-bottom-color:#00d4ff !important;

}



/* H1 ? ??????? ????? ????? */

.page-title,

:is(.shell > main, main) .page-title,

body.page-home .page-title,

body.bonus-page :is(.shell > main, main) > .page-title,

body.acceso-page .page-title{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  background:none !important;

  background-image:none !important;

  background-clip:border-box !important;

  -webkit-background-clip:border-box !important;

  filter:none !important;

  animation:none !important;

  text-shadow:none !important;

  border-bottom:none !important;

  padding:0 !important;

}

body.page-home .page-title::before{

  display:none !important;

  content:none !important;

}

body.page-home .home-hero__bar{

  display:none !important;

}



/* App page ? ??????????? ?????? + ??????, ????? ???????? */

body.app-page .app-float-aside{

  float:right;

  width:min(360px, 44%);

  max-width:44%;

  margin:0 0 1.5rem 1.75rem;

  padding:0;

}

body.app-page .app-float-banner{

  float:none !important;

  width:100% !important;

  max-width:100% !important;

  margin:0 !important;

}

body.app-page .app-float-banner__link{

  border:1px solid rgba(26,51,88,.85) !important;

  box-shadow:0 12px 32px rgba(0,0,0,.45) !important;

}

body.app-page .app-float-banner__img{

  width:100% !important;

  height:auto !important;

  aspect-ratio:471 / 1024 !important;

  object-fit:contain !important;

  object-position:top center !important;

  max-height:none !important;

}

body.app-page .app-float-aside__cta{

  margin-top:14px;

  text-align:center;

}

body.app-page .app-float-aside__cta .pulse-btn{

  display:block;

  width:100%;

  max-width:100%;

  box-sizing:border-box;

  padding:12px 16px !important;

  font-size:13px !important;

  letter-spacing:.06em !important;

}

body.app-page .app-float-layout > h2:first-of-type{

  margin-top:0;

}

@media (max-width:900px){

  body.app-page .app-float-aside{

    float:none;

    width:100%;

    max-width:100%;

    margin:0 0 1.5rem;

  }

  body.app-page .app-float-aside__cta .pulse-btn{

    max-width:min(360px, 100%);

    margin-inline:auto;

  }

}



/* ???????????????????????????????????????????????????????????

   VegasHero ? theme overrides (purple + green)

??????????????????????????????????????????????????????????? */

header,

header.scrolled{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

  border-bottom:1px solid rgba(1, 138, 249,.28) !important;

}

.site-footer{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

}

.head-nav__link--active{

  border-bottom-color:var(--btn-gold2,#018af9);

}

.head-nav__link:hover{

  border-bottom-color:#c084fc;

}



/* ??????: ??????????, ??????? ?????, ?????? ????? */

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){

  clip-path:none !important;

  border-radius:12px !important;

  border:2px solid #018af9 !important;

  color:#000 !important;

  -webkit-text-fill-color:#000 !important;

  text-shadow:none !important;

  background:

    linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 36%),

    linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 78%, #0052c7 100%) !important;

  box-shadow:

    0 0 0 1px rgba(0, 107, 246,.55),

    0 3px 10px rgba(0,0,0,.4),

    inset 0 1px 0 rgba(255,255,255,.22) !important;

}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{

  display:none !important;

  content:none !important;

}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{

  filter:brightness(1.06) saturate(1.05);

  border-color:#3ba0ff !important;

  box-shadow:

    0 0 0 1px rgba(127,255,0,.7),

    0 4px 14px rgba(1, 138, 249,.25),

    inset 0 1px 0 rgba(255,255,255,.28) !important;

}



.logo img{

  height:52px !important;

  max-width:280px !important;

}

.ft-logo img{

  height:44px !important;

  max-width:240px !important;

}

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before{

  background:

    linear-gradient(180deg, rgba(255,255,255,.12) 0%, transparent 42%),

    linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 58%, #0052c7 100%);

  box-shadow:inset 0 0 12px rgba(1, 138, 249,.25);

}

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  box-shadow:0 0 12px rgba(1, 138, 249,.45);

}

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico,

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  color:var(--on-lime,#0a1a08);

}

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) saturate(100%);

  opacity:1;

}

.sep{

  border-top-color:rgba(76,42,122,.85);

}

@media (min-width:993px){

  .aside{

    position:sticky;

    top:calc(var(--hdrH, 64px) + 14px);

    align-self:start;

    z-index:50;

  }

}

#updatedBox{

  background:linear-gradient(180deg,#1a1a1a,#1a1a1a) !important;

  border-color:rgba(1, 138, 249,.35) !important;

}

#updatedBox svg path{

  stroke:#018af9 !important;

}



/* Final polish ? logo, header/footer purple, round green buttons */

header,

header.scrolled,

.site-footer{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

}

header .head{

  padding:12px 16px !important;

  min-height:72px !important;

}

.logo img,

header .logo img{

  height:52px !important;

  max-width:280px !important;

  width:auto !important;

}

.site-footer .ft-logo img{

  height:44px !important;

  max-width:240px !important;

}

.ft-logo img{

  height:44px !important;

  max-width:240px !important;

  width:auto !important;

}

.head .btn{

  height:40px !important;

  min-height:40px !important;

}

.head .offers-trigger,

.head .head-search-ico{

  width:40px !important;

  height:40px !important;

}

@media (max-width:520px){

  .logo img, header .logo img{ height:42px !important; max-width:220px !important; }

  header .head{ padding:10px 12px !important; min-height:64px !important; }

}

@media (max-width:390px){

  .logo img, header .logo img{ height:36px !important; max-width:190px !important; }

}



/* ??? VegasHero ? sidebar, tables, games, chips ??? */

:root{

  --page-bg:#04010a;

  --hdr-purple-top:#1a1a1a;

  --hdr-purple-bot:#1a1a1a;

}



html,

body:before{

  background-color:#04010a !important;

  background-image:

    repeating-linear-gradient(90deg, rgba(1, 138, 249,.05) 0 1px, transparent 1px 48px),

    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.12), transparent 55%),

    radial-gradient(ellipse 60% 40% at 100% 50%, rgba(1, 138, 249,.06), transparent 50%),

    linear-gradient(180deg, #0a0614 0%, #06030c 45%, #04010a 100%) !important;

}



.shell > main,

:is(.shell > main, main){

  background:linear-gradient(180deg, #0e0820 0%, #0a0618 50%, #080514 100%) !important;

  border:1px solid rgba(1, 138, 249,.24) !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.45),

    inset 0 1px 0 rgba(1, 138, 249,.08) !important;

}



.table-wrapper,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .legal-doc .table-wrapper,

main .table-wrapper{

  background:var(--table-label-bg, #3b2e25) !important;

  border:1px solid rgba(0,0,0,.35) !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;

}



.table-wrapper tbody tr:hover,

.table-wrapper tbody tr:hover :is(th,td){

  background:var(--table-hover-label, #443429) !important;

}



.table-wrapper :is(td,th){

  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;

}



.popular-games__meta,

.popular-games__media{

  background:linear-gradient(180deg, var(--hdr-purple-top) 0%, var(--hdr-purple-bot) 100%) !important;

  border-top:1px solid rgba(1, 138, 249,.28) !important;

}



.popular-games__title,

:is(.shell > main, main) .popular-games__title,

.card .info .title,

:is(.shell > main, main) a.card .info .title,

:is(.shell > main, main) .card .title{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

}



.chips{

  background:linear-gradient(180deg, #0d1526 0%, #0a1024 100%) !important;

  border:1px solid rgba(255,255,255,.1) !important;

}



.chip-ico,

.chip-ico svg,

:is(.shell > main, main) .chip-ico,

:is(.chip-ico, .chip-ico svg){

  color:#fff !important;

  stroke:#fff !important;

  fill:none !important;

}



.chip-txt,

:is(.shell > main, main) :is(.chip, .chip-txt),

.shell .chips a.chip .chip-txt{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}



/* ??? Sidebar / Drawer ? ?????????? ???? ??? header ??? */

.aside,

.drawer{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

  border:1px solid rgba(192,132,252,.55) !important;

  box-shadow:

    0 14px 40px rgba(0,0,0,.45),

    0 0 0 1px rgba(124,58,237,.25),

    inset 0 1px 0 rgba(255,255,255,.06) !important;

}

.drawer{

  border-right:1px solid rgba(192,132,252,.55) !important;

}

.drawer .dhead{

  border-bottom:1px solid rgba(192,132,252,.35) !important;

  color:#fff !important;

}

.dclose{

  border:none !important;

  background:transparent !important;

  color:#fff !important;

  box-shadow:none !important;

}

.dclose .dclose__icon::before,

.dclose .dclose__icon::after{

  background:#fff !important;

}

.sep{

  border-top:1px solid rgba(192,132,252,.28) !important;

}



.aside .nav a,

.drawer .nav a{

  background:linear-gradient(180deg, #3a1d6c 0%, #2d1554 55%, #261247 100%) !important;

  border:1px solid rgba(192,132,252,.42) !important;

  border-radius:12px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.06),

    0 2px 8px rgba(0,0,0,.22) !important;

  filter:none !important;

}

.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a::after,

.drawer .nav a::after{

  display:none !important;

  content:none !important;

}

.aside .nav a .nav-txt,

.drawer .nav a .nav-txt{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:600 !important;

}

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico{

  color:#fff !important;

  stroke:#fff !important;

}

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico{

  filter:brightness(0) invert(1) !important;

  opacity:.95 !important;

}

.aside .nav a:hover,

.drawer .nav a:hover{

  background:linear-gradient(180deg, #452080 0%, #351a66 55%, #2d1554 100%) !important;

  border-color:rgba(216,180,254,.65) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.1),

    0 0 0 1px rgba(1, 138, 249,.35),

    0 4px 12px rgba(0,0,0,.28) !important;

}

.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:linear-gradient(180deg, #4c2888 0%, #3a1d6c 55%, #1a1a1a 100%) !important;

  border-color:rgba(216,180,254,.75) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.12),

    0 0 0 1px rgba(192,132,252,.5),

    0 0 14px rgba(1, 138, 249,.22) !important;

}

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before,

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  display:none !important;

  background:transparent !important;

  box-shadow:none !important;

}

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt,

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) invert(1) !important;

  opacity:1 !important;

}



/* ??? ???????? ??? ? ??????????? ? ?????????? ???, ??????? ????? ??? */

.card,

:is(.shell > main, main) a.card{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

  border:1px solid rgba(192,132,252,.45) !important;

  box-shadow:

    0 6px 20px rgba(0,0,0,.35),

    inset 0 1px 0 rgba(255,255,255,.05) !important;

}

.card:hover,

:is(.shell > main, main) a.card:hover{

  border-color:rgba(216,180,254,.65) !important;

  box-shadow:

    0 10px 28px rgba(0,0,0,.4),

    0 0 0 1px rgba(1, 138, 249,.25) !important;

  transform:translateY(-2px);

}

.card .info,

:is(.shell > main, main) a.card .info{

  background:linear-gradient(180deg, #3a1d6c 0%, #2d1554 55%, #261247 100%) !important;

  border-top:1px solid rgba(192,132,252,.32) !important;

}

.card .info .title,

:is(.shell > main, main) a.card .info .title,

:is(.shell > main, main) .card .title{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

}

.card .info .vendor,

:is(.shell > main, main) a.card .info .vendor,

:is(.shell > main, main) .vendor{

  color:#3ba0ff !important;

  -webkit-text-fill-color:#3ba0ff !important;

  opacity:.92;

}



.prov,

:is(.shell > main, main) a.prov{

  background:linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 100%) !important;

  border:1px solid rgba(192,132,252,.45) !important;

  box-shadow:

    0 6px 20px rgba(0,0,0,.35),

    inset 0 1px 0 rgba(255,255,255,.05) !important;

  color:#018af9 !important;

}

.prov:hover{

  border-color:rgba(216,180,254,.65) !important;

  box-shadow:

    0 10px 28px rgba(0,0,0,.4),

    0 0 0 1px rgba(1, 138, 249,.25) !important;

  transform:translateY(-3px);

}

.prov-media{

  background:linear-gradient(180deg, #261247 0%, #1a0d33 100%) !important;

  border:1px solid rgba(192,132,252,.28) !important;

}

.prov-name,

:is(.shell > main, main) .prov-name{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

}



/* ?? Page hero banners (app, bonus) ?? */

.page-hero{

  position:relative;

  max-width:min(1180px, 100%);

  margin:0 auto 28px;

  padding:0 2px;

}

.frame.frame--page-hero{

  --bannerRad:18px;

  padding:16px;

  border-radius:var(--bannerRad);

  background:

    radial-gradient(120% 85% at 50% -15%, rgba(1, 138, 249,.14), transparent 58%),

    linear-gradient(185deg, #1a1a1a 0%, #261247 55%, #1a0d33 100%);

  border:1px solid rgba(192,132,252,.38);

  box-shadow:

    0 0 0 1px rgba(0,0,0,.45) inset,

    0 26px 70px rgba(0,0,0,.48),

    0 0 60px rgba(1, 138, 249,.12);

}

.page-hero .banner-link,

.page-hero .banner-link picture{

  display:block;

  width:100%;

  line-height:0;

}

.page-hero .banner.banner--page-hero{

  width:100%;

  height:auto;

  max-width:100%;

  aspect-ratio:1024 / 499;

  object-fit:cover;

  object-position:center center;

  max-height:min(52vw, 520px);

  border-radius:14px;

  display:block;

}

@media (max-width:992px){

  .page-hero .banner.banner--page-hero{ max-height:min(58vw, 400px); }

}

@media (max-width:768px){

  .page-hero .banner.banner--page-hero{ max-height:min(62vw, 340px); }

}

@media (max-width:480px){

  .page-hero .banner.banner--page-hero{ max-height:min(68vw, 280px); }

}

@media (max-width:380px){

  .page-hero .banner.banner--page-hero{ max-height:min(72vw, 240px); }

}

body.app-page .page-hero .banner.banner--page-hero,

body.bonus-page .page-hero .banner.banner--page-hero{

  aspect-ratio:auto;

  max-height:none;

  object-fit:contain;

}

.page-hero__cta,

body.page-home .home-hero__cta{

  margin:18px auto 6px;

  text-align:center;

}

.page-hero__link:focus-visible,

.login-banner-block__link:focus-visible{

  outline:2px solid #018af9;

  outline-offset:4px;

  border-radius:0;

}



/* ?? Login flow: banner right, text left, then full width ?? */

.login-flow{

  position:relative;

}

.login-flow::after{

  content:"";

  display:table;

  clear:both;

}

.login-banner-block{

  float:right;

  width:min(36%,340px);

  margin:0 0 12px 20px;

}

.login-banner-block__link{

  display:block;

  border:none;

  border-radius:0;

  overflow:visible;

  box-shadow:none;

  background:transparent;

}

.login-banner-block__img{

  width:100%;

  height:auto;

  display:block;

  max-height:min(46vh,300px);

  object-fit:contain;

  object-position:top center;

}

.login-banner-block__cta{

  margin-top:10px;

}

.login-flow__side{

  min-width:0;

}

.login-flow__full{

  clear:both;

  min-width:0;

  padding-top:0.25rem;

}

body.acceso-page #login-guide .login-flow__side h2:first-of-type{

  margin-top:0;

}

body.acceso-page #login-guide .login-flow__full > h2:first-child,

body.acceso-page #login-guide .login-flow__full > ol:first-child{

  margin-top:0;

}

@media (max-width:860px){

  .login-banner-block{

    float:none;

    width:min(340px,100%);

    margin:0 auto 16px;

  }

  .login-flow__full{

    clear:none;

    padding-top:0;

  }

}



/* ?? Modal bonus banner ?? */

.offers-panel__img--bono{

  width:100%;

  height:auto;

  border-radius:12px;

  display:block;

}



/* ?? Modal panel: solid navy from brand swatch ?? */

.offers-panel{

  background:#0C163E !important;

  border:1px solid rgba(79,119,168,.35) !important;

  box-shadow:

    0 0 0 1px rgba(0,0,0,.45),

    0 0 48px rgba(22,28,52,.28),

    0 28px 80px rgba(0,0,0,.62),

    inset 0 1px 0 rgba(255,255,255,.06) !important;

}

.offers-panel__head{

  background:#0C163E !important;

}

.offers-panel__head::after{

  background:linear-gradient(

    90deg,

    transparent 0%,

    rgba(79,119,168,.4) 18%,

    rgba(168,196,230,.5) 50%,

    rgba(79,119,168,.4) 82%,

    transparent 100%

  ) !important;

}

.offers-panel__title{

  text-shadow:

    0 1px 0 rgba(0,0,0,.45),

    0 2px 14px rgba(0,0,0,.35),

    0 0 20px rgba(79,119,168,.22) !important;

}

.offers-panel__title::before{

  background:linear-gradient(90deg, #0c1020, #4f77a8, #a8c4e6, rgba(168,196,230,.75)) !important;

  box-shadow:0 0 12px rgba(79,119,168,.35) !important;

}

.offers-panel__close{

  border-color:rgba(79,119,168,.28) !important;

  background:linear-gradient(165deg, rgba(255,255,255,.08), rgba(12,16,32,.92)) !important;

}

.offers-panel__close:hover{

  border-color:rgba(79,119,168,.5) !important;

  background:linear-gradient(165deg, rgba(79,119,168,.28), rgba(12,16,32,.98)) !important;

  box-shadow:

    0 4px 22px rgba(79,119,168,.25),

    inset 0 1px 0 rgba(255,255,255,.1) !important;

}

.offers-panel__close:focus-visible{

  outline-color:#4f77a8 !important;

}

.offers-panel__link:focus-visible{

  outline-color:#4f77a8 !important;

}

.offers-panel__figure{

  background:#0C163E !important;

  box-shadow:

    0 0 0 1px rgba(79,119,168,.28),

    0 16px 48px rgba(0,0,0,.5),

    0 0 32px rgba(22,28,52,.25),

    inset 0 1px 0 rgba(255,255,255,.08) !important;

}

.offers-panel__foot{

  background:#0C163E !important;

  border-top-color:rgba(79,119,168,.22) !important;

}

.offers-panel__foot::before{

  background:linear-gradient(

    90deg,

    transparent,

    rgba(79,119,168,.4) 25%,

    rgba(168,196,230,.45) 50%,

    rgba(79,119,168,.4) 75%,

    transparent

  ) !important;

}

.offers-panel__hint::before{

  background:radial-gradient(circle at 30% 30%, #4f77a8, #161c34 55%, #0c1020) !important;

  box-shadow:0 0 14px rgba(79,119,168,.4) !important;

}

.offers-backdrop.is-open{

  background:rgba(8,12,24,.82) !important;

}



/* Tabellen ? einheitlich braun wie Referenz */

.table-wrapper,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .legal-doc .table-wrapper,

main .table-wrapper,

body.games-page #games-guide .table-wrapper,

body.bonus-page .table-wrapper,

body.app-page .table-wrapper,

body.login-page .table-wrapper,

body.acceso-page .table-wrapper{

  background:var(--table-label-bg, #3b2e25) !important;

  border:1px solid rgba(0,0,0,.35) !important;

  border-radius:10px !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;

}



/* Mobile: zwei CTA-Buttons nebeneinander (Anmelden / Registrieren) */

@media (max-width:768px){

  :is(.shell > main, main) .cta-center.cta-center--pair{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    width:100%;

    max-width:100%;

    margin-top:20px;

    padding:0;

  }

  :is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{

    width:100% !important;

    max-width:100% !important;

    min-width:0;

    min-height:42px !important;

    padding:10px 12px !important;

    font-size:12px !important;

    letter-spacing:.05em !important;

    white-space:nowrap;

    text-align:center;

    justify-content:center;

    animation:none;

  }

}

@media (max-width:480px){

  :is(.shell > main, main) .cta-center.cta-center--pair{

    gap:10px;

  }

  :is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{

    min-height:40px !important;

    padding:9px 10px !important;

    font-size:11px !important;

  }

}

@media (max-width:360px){

  :is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{

    font-size:10px !important;

    padding:8px 6px !important;

    letter-spacing:.03em !important;

  }

}



/* ?? Mobile: ??????? ?? */

@media (max-width:768px){

  .table-wrapper:not(.table-wrapper--cards) table:has(thead){

    width:max-content !important;

    min-width:100%;

    table-layout:auto !important;

  }

  .table-wrapper--scroll table,

  .table-wrapper:not(.table-wrapper--cards) table:has(thead tr > :nth-child(5)){

    width:max-content !important;

    min-width:100%;

    table-layout:auto !important;

  }

  .table-wrapper--cards table{

    display:block !important;

    width:100% !important;

    min-width:0 !important;

    table-layout:auto !important;

  }

  .table-wrapper table:has(thead) :is(th,td){

    padding:10px 12px !important;

    font-size:13px !important;

    line-height:1.45 !important;

    word-break:break-word;

    hyphens:auto;

    vertical-align:top !important;

  }

  .table-wrapper table:has(thead) thead th{

    font-size:12px !important;

    white-space:nowrap;

  }

  .table-wrapper:not(.table-wrapper--cards) table:has(thead) tbody th[scope="row"]{

    min-width:96px;

    max-width:130px;

  }

  .table-wrapper:not(.table-wrapper--cards) table:has(thead) tbody td{

    min-width:110px;

    max-width:220px;

  }

  .table-wrapper table:not(:has(thead)){

    width:100% !important;

    min-width:0 !important;

    table-layout:fixed !important;

  }

  .table-wrapper table:not(:has(thead)) :is(th,td){

    padding:10px 12px !important;

    font-size:13px !important;

    line-height:1.45 !important;

    word-break:break-word;

    hyphens:auto;

  }

  .table-wrapper table:not(:has(thead)) tbody th[scope="row"]{

    width:36% !important;

    min-width:0 !important;

    max-width:none !important;

    font-size:12px !important;

  }

  .table-wrapper--cards thead{

    display:none !important;

  }

  .table-wrapper--cards tbody{

    display:block !important;

  }

  .table-wrapper--cards tbody tr{

    display:block !important;

    padding:14px 16px !important;

    border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;

    background:var(--table-value-bg, #241a13) !important;

  }

  .table-wrapper--cards tbody tr:last-child{

    border-bottom:0 !important;

  }

  .table-wrapper--cards tbody tr:hover{

    background:var(--table-value-bg, #241a13) !important;

  }

  .table-wrapper--cards tbody tr:hover th[scope="row"]{

    background:var(--table-hover-label, #443429) !important;

  }

  .table-wrapper--cards tbody tr:hover td{

    background:var(--table-hover-value, #2e2219) !important;

  }

  .table-wrapper--cards tbody th[scope="row"]{

    display:block !important;

    width:100% !important;

    min-width:0 !important;

    max-width:none !important;

    padding:0 0 10px !important;

    margin:0 0 10px !important;

    border-bottom:1px solid rgba(255,255,255,.18) !important;

    font-size:14px !important;

  }

  .table-wrapper--cards tbody td{

    display:block !important;

    width:100% !important;

    min-width:0 !important;

    max-width:none !important;

    padding:8px 0 !important;

    border:0 !important;

    font-size:13px !important;

    font-weight:400 !important;

  }

  .table-wrapper--cards tbody td::before{

    content:attr(data-label);

    display:block;

    font-weight:700;

    font-size:11px;

    letter-spacing:.04em;

    text-transform:uppercase;

    color:rgba(255,255,255,.78);

    margin-bottom:4px;

  }

  .table-wrapper--cards tbody td + td{

    margin-top:2px;

    padding-top:10px !important;

    border-top:1px solid rgba(255,255,255,.08) !important;

  }

}



/* ??? VegasHero ? ref theme override (dark navy + green CTA) ??? */

:root{

  --page-bg:#080c14;

  --main-bg:#111927;

  --main-text:#e4eaf4;

  --main-heading:#ffffff;

  --main-muted:#94a3b8;

  --mx-green:#1a1a1a;

  --mx-green-bright:#1a1a1a;

  --mx-red:#e63946;

  --mx-red-deep:#c41e3a;

  --primary:#1a1a1a;

  --primary-mid:#1a1a1a;

  --primary-dark:#1a1a1a;

  --primary-glow:rgba(18, 160, 110, 0.32);

  --secondary:#a855f7;

  --secondary-light:#c084fc;

  --accent-blue:#1b3d81;

  --accent-blue-strong:#003366;

  --hdr-bg-top:#0a101d;

  --hdr-bg-bot:#080c14;

  --sidebar-blue-top:#16202c;

  --sidebar-blue-bot:#111927;

  --line:rgba(31, 45, 68, 0.55);

  --gold1:#1a1a1a;

  --gold2:#1a1a1a;

  --gold3:#1a1a1a;

  --casea-btn-blue:

    linear-gradient(180deg, rgba(255,255,255,.16) 0%, transparent 38%),

    linear-gradient(180deg, #1a1a1a 0%, #1a1a1a 42%, #1a1a1a 62%, #1a1a1a 100%);

  --casea-btn-gold:linear-gradient(160deg, #1a1a1a 0%, #1a1a1a 35%, #1a1a1a 70%, #1a1a1a 100%);

}



html,

body:before{

  background-color:#080c14 !important;

  background-image:

    repeating-linear-gradient(90deg, rgba(27,61,129,.04) 0 1px, transparent 1px 48px),

    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(27,61,129,.12), transparent 55%),

    radial-gradient(ellipse 60% 40% at 100% 50%, rgba(1, 138, 249,.04), transparent 50%),

    linear-gradient(180deg, #0a101d 0%, #080c14 45%, #060a12 100%) !important;

}



.shell > main,

:is(.shell > main, main){

  background:linear-gradient(180deg, #131c2b 0%, #111927 50%, #0d1526 100%) !important;

  border:1px solid rgba(79,119,168,.55) !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.45),

    0 0 0 1px rgba(79,119,168,.12),

    0 0 18px rgba(79,119,168,.14),

    inset 0 1px 0 rgba(255,255,255,.04) !important;

}



header,

header.scrolled,

.site-footer{

  background:linear-gradient(180deg, #0a101d 0%, #080c14 100%) !important;

  border-bottom:1px solid rgba(31,45,68,.65);

}



.aside,

.drawer{

  background:linear-gradient(180deg, #0e1420 0%, #0c121c 55%, #0a1018 100%) !important;

  border:1px solid rgba(79,119,168,.55) !important;

  box-shadow:

    0 14px 44px rgba(0,0,0,.55),

    0 0 0 1px rgba(79,119,168,.12),

    0 0 18px rgba(79,119,168,.14),

    inset 0 1px 0 rgba(255,255,255,.04) !important;

}



@media (min-width:993px){

  .shell > .aside{

    position:sticky;

    top:calc(var(--hdrH, 72px) + 14px);

    align-self:start;

    z-index:2;

    max-height:calc(100vh - var(--hdrH, 72px) - 28px);

    overflow-y:auto;

  }

}



.logo img,

header .logo img{

  height:44px !important;

  max-width:300px !important;

  filter:none !important;

}



.ft-logo img,

.site-footer .ft-logo img{

  height:38px !important;

  max-width:260px !important;

  filter:none !important;

}



.ft-btn{

  font-size:13px !important;

  font-weight:800 !important;

  letter-spacing:.07em !important;

  padding:12px 24px !important;

  white-space:nowrap !important;

}



#updatedBox{

  background:linear-gradient(180deg,#16202c,#111927) !important;

  border-color:rgba(31,45,68,.85) !important;

}

#updatedBox svg path{

  stroke:#1a1a1a !important;

}



.chip:hover,

.pulse-btn:hover,

.head .btn--reg:hover{

  box-shadow:0 0 18px rgba(18,160,110,.28) !important;

}



.table-wrapper table:has(thead) thead{

  background:linear-gradient(180deg, #334155, #2d3b4e) !important;

}



/* ??? VegasHero ? chip-style buttons (header, footer, page) ??? */

:root{

  --chip-btn-face:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%);

  --chip-btn-hover:linear-gradient(180deg, #3d4a5c 0%, #344154 55%, #2e3747 100%);

  --casea-btn-blue:var(--chip-btn-face) !important;

  --casea-btn-gold:var(--chip-btn-face) !important;

  --casea-btn-face:var(--chip-btn-face) !important;

}



:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn),

:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta),

:where(.popular-games__media, .card .media) .game-play-btn{

  background:var(--chip-btn-face) !important;

  border:1px solid rgba(255,255,255,.1) !important;

  border-radius:10px !important;

  clip-path:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-shadow:none !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.12),

    inset 0 -1px 0 rgba(0,0,0,.22),

    0 3px 10px rgba(0,0,0,.32) !important;

}



:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after,

:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .hero-cta)::after,

:where(.popular-games__media, .card .media) .game-play-btn::after{

  display:none !important;

  content:none !important;

}



:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .hero-cta)::before,

:where(.popular-games__media, .card .media) .game-play-btn::before{

  display:none !important;

  content:none !important;

}



@media (hover:hover){

  :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover,

  :where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .head .btn--reg, .hero-cta):hover,

  :where(.popular-games__media, .card .media) .game-play-btn:hover{

    background:var(--chip-btn-hover) !important;

    filter:brightness(1.08) !important;

    border-color:rgba(255,255,255,.14) !important;

    box-shadow:

      inset 0 1px 0 rgba(255,255,255,.14),

      inset 0 -1px 0 rgba(0,0,0,.2),

      0 4px 14px rgba(0,0,0,.38) !important;

  }

}



.chip:hover,

.pulse-btn:hover,

.head .btn--reg:hover{

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.14),

    0 4px 14px rgba(0,0,0,.35) !important;

}



#updatedBox svg path{

  stroke:#8cb4e0 !important;

}



/* ??? VegasHero ? chips (ref: slate pills #2e3747) ??? */

.chip,

.shell .chips a.chip,

.shell .chips a.chip:link,

.shell .chips a.chip:visited,

.shell .chips a.chip:hover,

.shell .chips a.chip:active{

  background:transparent !important;

  border:none !important;

  border-radius:10px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  transform:none !important;

  filter:none !important;

  transition:filter .15s ease, box-shadow .15s ease !important;

}



.chip::before,

.shell .chips a.chip::before{

  inset:0 !important;

  border-radius:10px !important;

  background:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.12),

    inset 0 -1px 0 rgba(0,0,0,.22) !important;

}



.chip::after,

.shell .chips a.chip::after{

  display:none !important;

  content:none !important;

}



.chip-ico,

.chip-ico svg,

:is(.shell > main, main) .chip-ico,

:is(.chip-ico, .chip-ico svg){

  color:#fff !important;

  stroke:#fff !important;

  fill:none !important;

}



.chip-txt,

:is(.shell > main, main) :is(.chip, .chip-txt),

.shell .chips a.chip .chip-txt{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}



@media (hover:hover){

  .chip:hover,

  .shell .chips a.chip:hover{

    filter:brightness(1.1) !important;

    transform:none !important;

  }

  .chip:hover::before,

  .shell .chips a.chip:hover::before{

    background:var(--chip-btn-hover) !important;

    box-shadow:

      inset 0 1px 0 rgba(255,255,255,.18),

      inset 0 -1px 0 rgba(0,0,0,.16) !important;

  }

}



.shell > main .chips,

.chips{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.28) !important;

  box-shadow:none !important;

}



/* ??? VegasHero ? sidebar (ref: #0e1420 / #243447 / cyan active) ??? */

.aside,

.drawer{

  background:linear-gradient(180deg, #0e1420 0%, #0c121c 55%, #0a1018 100%) !important;

  border:1px solid rgba(79,119,168,.55) !important;

  box-shadow:

    0 14px 44px rgba(0,0,0,.55),

    0 0 0 1px rgba(79,119,168,.12),

    0 0 18px rgba(79,119,168,.14),

    inset 0 1px 0 rgba(255,255,255,.04) !important;

}



.aside .nav a,

.drawer .nav a{

  background:#243447 !important;

  border:1px solid rgba(255,255,255,.06) !important;

  border-radius:10px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.06),

    0 2px 6px rgba(0,0,0,.28) !important;

  filter:none !important;

  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease !important;

  transform:none !important;

}

.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a::after,

.drawer .nav a::after{

  display:none !important;

  content:none !important;

}

.aside .nav a .nav-txt,

.drawer .nav a .nav-txt,

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  stroke:#fff !important;

}

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico,

.aside .nav a:hover img.nav-ico,

.drawer .nav a:hover img.nav-ico,

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) invert(1) !important;

  opacity:.95 !important;

  transform:none !important;

}

.aside .nav a:hover,

.drawer .nav a:hover{

  background:#2d3f54 !important;

  border-color:rgba(79,119,168,.35) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.08),

    0 3px 10px rgba(0,0,0,.32) !important;

  transform:none !important;

  filter:none !important;

}

.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:#2a3d52 !important;

  border-color:#4f77a8 !important;

  box-shadow:

    0 0 0 1px rgba(79,119,168,.45),

    inset 0 1px 0 rgba(255,255,255,.1),

    0 0 12px rgba(79,119,168,.22) !important;

  transform:none !important;

  filter:none !important;

}



/* ??? Tables ? homepage two-tone (label / value columns) ??? */

.table-wrapper,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .legal-doc .table-wrapper,

main .table-wrapper,

body.games-page #games-guide .table-wrapper,

body.games-page .table-wrapper,

body.bonus-page .table-wrapper,

body.app-page .table-wrapper,

body.login-page .table-wrapper,

body.acceso-page .table-wrapper,

.table-wrapper--scroll,

.table-wrapper--cards{

  background:var(--table-label-bg, #3b2e25) !important;

  border:1px solid rgba(0,0,0,.4) !important;

  border-radius:10px !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;

  overflow:hidden !important;

}

.table-wrapper table,

.table-wrapper tbody,

.table-wrapper tr{

  background:transparent !important;

  background-image:none !important;

}

.table-wrapper table:has(thead) thead,

.table-wrapper thead{

  background:var(--table-label-bg, #3b2e25) !important;

}

.table-wrapper thead th{

  background:var(--table-label-bg, #3b2e25) !important;

  color:#fff !important;

  font-weight:700 !important;

  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;

  text-transform:none !important;

}

.table-wrapper :is(td, th){

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;

  vertical-align:middle !important;

  background-image:none !important;

}

.table-wrapper tbody tr{

  background:transparent !important;

}

.table-wrapper tbody tr > :is(th,td):first-child,

.table-wrapper tbody th[scope="row"]{

  background:var(--table-label-bg, #3b2e25) !important;

  font-weight:700 !important;

  color:#fff !important;

}

.table-wrapper tbody tr > *:not(:first-child),

.table-wrapper tbody td{

  background:var(--table-value-bg, #241a13) !important;

  font-weight:400 !important;

  color:#fff !important;

}

.table-wrapper tbody tr:hover > :first-child,

.table-wrapper tbody tr:hover th[scope="row"]{

  background:var(--table-hover-label, #443429) !important;

}

.table-wrapper tbody tr:hover > td,

.table-wrapper tbody tr:hover > *:not(:first-child){

  background:var(--table-hover-value, #2e2219) !important;

}

.table-wrapper tbody tr:last-child :is(td, th){

  border-bottom:none !important;

}

.table-wrapper--cards tbody tr{

  background:var(--table-value-bg, #241a13) !important;

}

.table-wrapper--cards tbody th[scope="row"]{

  background:var(--table-label-bg, #3b2e25) !important;

  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;

}



/* ??? VegasHero ? games (ref: grey slate footer) ??? */

.popular-games__meta{

  background:linear-gradient(180deg, #3d4a5c 0%, #364052 100%) !important;

  border-top:1px solid rgba(255,255,255,.08) !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;

}

.popular-games__title,

:is(.shell > main, main) .popular-games__title{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

}



.card .info,

:is(.shell > main, main) a.card .info{

  background:linear-gradient(180deg, #3d4a5c 0%, #364052 100%) !important;

  border-top:1px solid rgba(255,255,255,.08) !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;

}

.card .info .title,

:is(.shell > main, main) a.card .info .title,

:is(.shell > main, main) .card .title{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

}

.card .info .vendor,

:is(.shell > main, main) a.card .info .vendor,

:is(.shell > main, main) .vendor{

  color:rgba(255,255,255,.75) !important;

  -webkit-text-fill-color:rgba(255,255,255,.75) !important;

  opacity:1 !important;

}



/* ??? VegasHero ? providers (ref: #344154 card + black logo area) ??? */

.prov,

:is(.shell > main, main) a.prov{

  background:#344154 !important;

  border:1px solid rgba(255,255,255,.08) !important;

  border-radius:12px !important;

  color:#fff !important;

  box-shadow:0 4px 14px rgba(0,0,0,.35) !important;

}

.prov:hover{

  transform:translateY(-2px) !important;

  border-color:rgba(255,255,255,.14) !important;

  box-shadow:0 8px 22px rgba(0,0,0,.42) !important;

}

.prov-name,

:is(.shell > main, main) .prov-name{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:800 !important;

  letter-spacing:.04em !important;

}

.prov-media{

  background:#000 !important;

  border:1px solid rgba(255,255,255,.08) !important;

  border-radius:10px !important;

}

.prov-media img{

  filter:none !important;

}



/* ??? VegasHero ? final overrides (beat legacy green/purple rules) ??? */

body.page-home .home-hero .banner.banner--promo-hero{

  box-shadow:0 16px 48px rgba(0,0,0,.42) !important;

}

body.page-home .frame.frame--home-hero::before{

  display:none !important;

  content:none !important;

}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){

  clip-path:none !important;

  border-radius:10px !important;

  border:1px solid rgba(255,255,255,.1) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-shadow:none !important;

  background:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.12),

    inset 0 -1px 0 rgba(0,0,0,.22),

    0 3px 10px rgba(0,0,0,.32) !important;

}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{

  display:none !important;

  content:none !important;

}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{

  filter:brightness(1.08) !important;

  border-color:rgba(255,255,255,.14) !important;

  background:linear-gradient(180deg, #3d4a5c 0%, #344154 55%, #2e3747 100%) !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.14),

    inset 0 -1px 0 rgba(0,0,0,.2),

    0 4px 14px rgba(0,0,0,.38) !important;

}

.offers-trigger:hover{

  border-color:rgba(79,119,168,.45) !important;

}

.offers-trigger:focus-visible{

  outline:2px solid #8cb4e0 !important;

}



/* H1 ??????? ? ??????? ????? ????? */

body.page-home .page-title{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  background:none !important;

  background-image:none !important;

  filter:none !important;

  animation:none !important;

  text-shadow:none !important;

  padding:0 !important;

}

body.page-home .page-title::before{

  display:none !important;

  content:none !important;

}



/* ??? Table label column ? inherit zebra row (all pages) ??? */

:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper tbody :is(td,th):first-child,

main .table-wrapper tbody th[scope="row"],

main .table-wrapper tbody :is(td,th):first-child,

main .legal-doc .table-wrapper tbody th[scope="row"],

main .legal-doc .table-wrapper tbody :is(td,th):first-child,

body.games-page .table-wrapper tbody th[scope="row"],

body.bonus-page .table-wrapper tbody th[scope="row"],

body.app-page .table-wrapper tbody th[scope="row"],

body.login-page .table-wrapper tbody th[scope="row"],

body.acceso-page .table-wrapper tbody th[scope="row"],

.table-wrapper--cards tbody th[scope="row"],

.table-wrapper--scroll tbody th[scope="row"],

.table-wrapper tbody th[scope="row"],

.table-wrapper tbody tr > :is(td,th):first-child{

  background-image:none !important;

  font-weight:700 !important;

  color:#fff !important;

}

:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover :is(td,th):first-child,

main .table-wrapper tbody tr:hover th[scope="row"],

main .table-wrapper tbody tr:hover :is(td,th):first-child,

main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],

main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,

body.games-page .table-wrapper tbody tr:hover th[scope="row"],

body.bonus-page .table-wrapper tbody tr:hover th[scope="row"],

body.app-page .table-wrapper tbody tr:hover th[scope="row"],

body.login-page .table-wrapper tbody tr:hover th[scope="row"],

.table-wrapper--cards tbody tr:hover th[scope="row"],

.table-wrapper--scroll tbody tr:hover th[scope="row"],

.table-wrapper tbody tr:hover th[scope="row"],

.table-wrapper tbody tr:hover > :is(td,th):first-child{

  background:var(--table-hover-label, #443429) !important;

  background-image:none !important;

}



/* ?? Unified main content width (all pages) ?? */

.shell > main > .section.intro.legal-doc,

.shell > main > .section.legal-doc{

  max-width:var(--main-content-max);

  margin-inline:auto;

  width:100%;

}



/* ???????????????????????????????????????????????????????????

   LIZARO CASINO ? brand theme (header = page, golden buttons)

??????????????????????????????????????????????????????????? */

:root{

  --page-bg:#3c2f24;

  --main-bg:#352b1e;

  --main-text:#ffffff;

  --main-heading:#ffffff;

  --main-muted:#ffffff;

  --hdr-bg-top:#3c2f24;

  --hdr-bg-bot:#3c2f24;

  --hdr-text:#ffffff;

  --primary:#018af9;

  --primary-mid:#006bf6;

  --primary-dark:#a86d25;

  --primary-glow:rgba(190,122,44,.35);

  --secondary:#3ba0ff;

  --secondary-light:#e8d5b5;

  --gold1:#006bf6;

  --gold2:#018af9;

  --gold3:#a86d25;

  --chip-btn-face:linear-gradient(180deg, #006bf6 0%, #018af9 52%, #a86d25 100%);

  --chip-btn-hover:linear-gradient(180deg, #018af9 0%, #006bf6 52%, #006bf6 100%);

  --casea-btn-blue:var(--chip-btn-face) !important;

  --casea-btn-gold:var(--chip-btn-face) !important;

  --casea-btn-face:var(--chip-btn-face) !important;

  --table-label-bg:#3b2e25;

  --table-value-bg:#241a13;

  --table-hover-label:#443429;

  --table-hover-value:#2e2219;

  --table-border:rgba(255,255,255,.08);

  --table-head-bg:#3b2e25;

}



html,

body:before{

  background-color:#3c2f24 !important;

  background-image:

    repeating-linear-gradient(90deg, rgba(190,122,44,.03) 0 1px, transparent 1px 48px),

    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,122,44,.08), transparent 55%),

    linear-gradient(180deg, #3c2f24 0%, #352b1e 45%, #2e2419 100%) !important;

}



.shell > main,

:is(.shell > main, main){

  background:linear-gradient(180deg, #423429 0%, #3c2f24 50%, #352b1e 100%) !important;

  border:1px solid rgba(190,122,44,.22) !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.45),

    0 0 0 1px rgba(190,122,44,.10),

    inset 0 1px 0 rgba(255,255,255,.04) !important;

}



header,

header.scrolled{

  background:#3c2f24 !important;

  border-bottom:1px solid rgba(255,255,255,.06) !important;

  box-shadow:0 4px 24px rgba(0,0,0,.35) !important;

}



.site-footer{

  background:linear-gradient(180deg, #e8d5b5 0%, #5cb0ff 100%) !important;

  border-top:1px solid rgba(90,64,48,.25) !important;

  color:#ffffff !important;

}



header .head,

header .head-nav__link,

header .head-search-ico,

header .burger,

header .offers-trigger{

  color:var(--hdr-text) !important;

}



header .burger{

  background:rgba(255,255,255,.06) !important;

  border-color:rgba(255,255,255,.10) !important;

}



.aside,

.drawer{

  background:linear-gradient(180deg, #4a3828 0%, #3c2f24 55%, #352b1e 100%) !important;

  border:1px solid rgba(190,122,44,.22) !important;

  box-shadow:

    0 14px 44px rgba(0,0,0,.55),

    0 0 0 1px rgba(190,122,44,.10),

    inset 0 1px 0 rgba(255,255,255,.05) !important;

}



/* Desktop sidebar fixed in viewport while page scrolls */

@media (min-width:993px){

  .shell > .aside{

    position:sticky !important;

    top:calc(var(--hdrH, 74px) + 14px) !important;

    align-self:start !important;

    z-index:40 !important;

    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;

    overflow-y:auto !important;

    overscroll-behavior:contain !important;

  }

}



.logo img,

header .logo img{

  height:56px !important;

  max-width:220px !important;

  width:auto !important;

  object-fit:contain !important;

  filter:none !important;

}



.ft-logo img,

.site-footer .ft-logo img{

  height:48px !important;

  max-width:200px !important;

  width:auto !important;

  object-fit:contain !important;

  filter:none !important;

}



.ft-btn{

  font-size:14px !important;

  font-weight:800 !important;

  letter-spacing:.08em !important;

  padding:13px 26px !important;

  white-space:nowrap !important;

  min-height:44px !important;

}



.site-footer .ft-title,

.site-footer .ft-col a,

.site-footer .ft-bottom{

  color:#ffffff !important;

}



.site-footer .ft-col a:hover{

  color:#ffffff !important;

  opacity:.85;

}



#updatedBox{

  background:linear-gradient(180deg,#4a3828,#3c2f24) !important;

  border-color:rgba(190,122,44,.28) !important;

}



#updatedBox svg path{

  stroke:#018af9 !important;

}



.chip:hover,

.pulse-btn:hover,

.head .btn--reg:hover,

.head .btn--login:hover,

.ft-btn:hover{

  box-shadow:0 0 18px rgba(190,122,44,.32) !important;

}



.table-wrapper table:has(thead) thead{

  background:linear-gradient(180deg, #5a4030, #4a3328) !important;

}



.chips{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.28) !important;

}



.chip::before,

.shell .chips a.chip::before{

  background:linear-gradient(180deg, #006bf6 0%, #018af9 52%, #a86d25 100%) !important;

}



.legal-doc .legal-note{

  margin:0 0 1.25rem !important;

  padding:0 !important;

  border:none !important;

  border-radius:0 !important;

  background:transparent !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  font-size:inherit;

  line-height:1.65;

}



/* Decorative hero glow bars ? hidden site-wide */

.home-hero__bar,

.app-hero__bar,

.bonus-hero__bar,

.app-hero__glow,

.bonus-hero__glow{

  display:none !important;

}



.head-nav__link:hover{

  color:#ffffff !important;

  border-bottom-color:var(--primary) !important;

}



:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){

  background:var(--chip-btn-face) !important;

  border:1px solid rgba(255,255,255,.14) !important;

  border-radius:10px !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



@media (hover:hover){

  :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover,

  :where(.popular-games__media, .card .media) .game-play-btn:hover{

    background:var(--chip-btn-hover) !important;

    filter:brightness(1.04) !important;

    border-color:rgba(255,255,255,.18) !important;

  }

}



/* ??? LIZARO ? UI polish v2 (dark bg, golden controls, brown tables) ??? */

:root{

  --lizaro-bg-dark:#2b1d14;

  --lizaro-bg-header:#3c2f24;

  --lizaro-border-dark:#1a120c;

  --table-label-bg:#3b2e25;

  --table-value-bg:#241a13;

  --table-hover-label:#443429;

  --table-hover-value:#2e2219;

  --table-border:rgba(255,255,255,.08);

  --table-head-bg:#3b2e25;

}



html,

body:before{

  background-color:var(--lizaro-bg-dark) !important;

  background-image:

    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,122,44,.06), transparent 55%),

    linear-gradient(180deg, #2b1d14 0%, #241a12 45%, #1f1510 100%) !important;

}



header,

header.scrolled,

.site-footer{

  background:var(--lizaro-bg-header) !important;

  border-color:rgba(255,255,255,.06) !important;

}



.site-footer .ft-title,

.site-footer .ft-col a,

.site-footer .ft-bottom{

  color:#ffffff !important;

}



.site-footer .ft-col a:hover{

  color:#ffffff !important;

}



header .head-nav__link--active{

  border-bottom-color:var(--primary) !important;

  color:#ffffff !important;

}



header .head .offers-trigger,

header .head .head-search-ico{

  background:var(--chip-btn-face) !important;

  border:1px solid rgba(255,255,255,.14) !important;

  color:#ffffff !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.14),

    0 2px 8px rgba(0,0,0,.28) !important;

}



header .head .offers-trigger:hover,

header .head .head-search-ico:hover{

  background:var(--chip-btn-hover) !important;

  border-color:rgba(255,255,255,.18) !important;

}



header .head .offers-trigger:focus-visible,

header .head .head-search-ico:focus-visible{

  outline:2px solid var(--primary) !important;

  outline-offset:2px;

}



header .head .offers-trigger__ico{

  filter:brightness(0) invert(1) !important;

  opacity:1 !important;

}



header .head .head-search-ico svg,

header .head .head-search-ico svg path{

  color:#ffffff !important;

  stroke:#ffffff !important;

}



.aside,

.drawer{

  background:var(--lizaro-bg-header) !important;

  border:2px solid var(--lizaro-border-dark) !important;

  outline:1px solid rgba(190,122,44,.2) !important;

  outline-offset:-5px;

  border-radius:16px !important;

  box-shadow:

    0 0 0 1px rgba(0,0,0,.5),

    0 16px 44px rgba(0,0,0,.55),

    inset 0 1px 0 rgba(255,255,255,.05) !important;

}



.aside .nav a,

.drawer .nav a{

  background:var(--chip-btn-face) !important;

  border:1px solid rgba(255,255,255,.12) !important;

  border-radius:10px !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.14),

    0 2px 6px rgba(0,0,0,.25) !important;

  filter:none !important;

  transform:none !important;

}



.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a::after,

.drawer .nav a::after{

  display:none !important;

  content:none !important;

}



.aside .nav a:hover,

.drawer .nav a:hover{

  background:var(--chip-btn-hover) !important;

  border-color:rgba(255,255,255,.18) !important;

  filter:none !important;

  transform:none !important;

}



.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:var(--chip-btn-hover) !important;

  border-color:rgba(255,255,255,.22) !important;

  box-shadow:

    0 0 0 1px rgba(190,122,44,.35),

    inset 0 1px 0 rgba(255,255,255,.16),

    0 0 14px rgba(190,122,44,.22) !important;

  filter:none !important;

}



.chips,

main .chips,

.shell .chips{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-radius:14px !important;

  box-shadow:none !important;

}



.table-wrapper,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .legal-doc .table-wrapper,

main .table-wrapper,

body.games-page .table-wrapper,

body.bonus-page .table-wrapper,

body.app-page .table-wrapper,

body.login-page .table-wrapper,

body.acceso-page .table-wrapper,

.table-wrapper--scroll,

.table-wrapper--cards{

  background:var(--table-label-bg, #3b2e25) !important;

  border:1px solid rgba(0,0,0,.4) !important;

  border-radius:10px !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;

}



.table-wrapper :is(td, th){

  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  background-image:none !important;

}



.table-wrapper table:has(thead) thead,

.table-wrapper thead{

  background:var(--table-label-bg, #3b2e25) !important;

}



.table-wrapper thead th{

  background:var(--table-label-bg, #3b2e25) !important;

  font-weight:700 !important;

}



.table-wrapper tbody tr{

  background:transparent !important;

}



.table-wrapper tbody tr > :is(th,td):first-child,

.table-wrapper tbody th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper tbody :is(td,th):first-child,

main .table-wrapper tbody th[scope="row"],

main .table-wrapper tbody :is(td,th):first-child,

main .legal-doc .table-wrapper tbody th[scope="row"],

main .legal-doc .table-wrapper tbody :is(td,th):first-child,

body.games-page .table-wrapper tbody th[scope="row"],

body.bonus-page .table-wrapper tbody th[scope="row"],

body.app-page .table-wrapper tbody th[scope="row"],

body.login-page .table-wrapper tbody th[scope="row"],

body.acceso-page .table-wrapper tbody th[scope="row"],

.table-wrapper--cards tbody th[scope="row"],

.table-wrapper--scroll tbody th[scope="row"]{

  background:var(--table-label-bg, #3b2e25) !important;

  background-image:none !important;

  font-weight:700 !important;

  color:#ffffff !important;

}



.table-wrapper tbody td,

.table-wrapper tbody tr > td:not(:first-child),

.table-wrapper tbody tr > *:not(:first-child){

  background:var(--table-value-bg, #241a13) !important;

  font-weight:400 !important;

  color:#ffffff !important;

}



.table-wrapper tbody tr:hover > :first-child,

.table-wrapper tbody tr:hover th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover :is(td,th):first-child,

main .table-wrapper tbody tr:hover th[scope="row"],

main .table-wrapper tbody tr:hover :is(td,th):first-child,

main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],

main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,

body.games-page .table-wrapper tbody tr:hover th[scope="row"],

body.bonus-page .table-wrapper tbody tr:hover th[scope="row"],

body.app-page .table-wrapper tbody tr:hover th[scope="row"],

body.login-page .table-wrapper tbody tr:hover th[scope="row"],

body.acceso-page .table-wrapper tbody tr:hover th[scope="row"]{

  background:var(--table-hover-label, #443429) !important;

  background-image:none !important;

}



.table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover > td:not(:first-child),

.table-wrapper tbody tr:hover > *:not(:first-child){

  background:var(--table-hover-value, #2e2219) !important;

  background-image:none !important;

}



.popular-games__meta,

.popular-games__media + .popular-games__meta,

.card .info,

:is(.shell > main, main) a.card .info{

  background:var(--chip-btn-face) !important;

  border-top:1px solid rgba(255,255,255,.12) !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;

}



.popular-games__title,

.card .info .title,

:is(.shell > main, main) a.card .info .title,

:is(.shell > main, main) .card .title{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



.prov,

:is(.shell > main, main) a.prov{

  background:var(--lizaro-bg-dark) !important;

  border:1px solid var(--lizaro-border-dark) !important;

  padding:0 0 0 !important;

  overflow:hidden !important;

}



.prov-media{

  background:#000000 !important;

  border:none !important;

  border-radius:10px 10px 0 0 !important;

}



.prov-name,

:is(.shell > main, main) .prov-name{

  display:block !important;

  width:100% !important;

  margin:0 !important;

  padding:10px 8px !important;

  background:var(--chip-btn-face) !important;

  border-top:1px solid rgba(255,255,255,.1) !important;

  border-radius:0 0 10px 10px !important;

  text-align:center !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){

  background:var(--chip-btn-face) !important;

}



:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{

  background:var(--chip-btn-hover) !important;

}



/* Chips bar ? same dark brown as page background */

.shell > main .chips,

:is(.shell > main, main) .chips,

.chips,

main .chips,

.shell .chips{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.28) !important;

  box-shadow:none !important;

}



/* Desktop sidebar stays put while content scrolls */

@media (min-width:993px){

  .shell > .aside{

    position:sticky !important;

    top:calc(var(--hdrH, 74px) + 14px) !important;

    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;

    overflow-y:auto !important;

    overscroll-behavior:contain !important;

  }

}



/* Inner pages ? compact gap between H1 and intro (homepage unchanged) */

body:not(.page-home) :is(.shell > main, main) > .page-title{

  margin:0 0 12px !important;

  padding-top:0 !important;

}



body:not(.page-home) :is(.shell > main, main) > .section.intro.legal-doc,

body:not(.page-home) :is(.shell > main, main) > .section.legal-doc{

  padding-top:0 !important;

  margin-top:0 !important;

}



body:not(.page-home) .app-landing{

  padding-top:0 !important;

  margin-top:0 !important;

}



body:not(.page-home) .legal-doc > .legal-note:first-child{

  margin-top:0 !important;

}



/* Site-wide white text */

body,

:is(.shell > main, main),

:is(.shell > main, main) :is(

  .section,

  p, li, td, dt, dd,

  figcaption, blockquote,

  .intro, address, label,

  strong, em, small, span

),

:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6),

.legal-doc :is(h2, p, li, ol, ul, .legal-note, strong),

.intro p,

.section p,

.section li,

.table-wrapper :is(td, th),

.popular-games__title,

.prov-name,

a.card .info :is(.title, .vendor, p, span),

body.acceso-page .acceso-panel__copy :is(p, li, h2, h3, .acceso-panel__lead, .acceso-panel__p),

body.games-page #games-guide :is(p, li, h2),

body.app-page .app-guide :is(p, li, h2),

body.bonus-page :is(p, li, h2){

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):not(.login-banner-block__link):not(.app-float-banner__link){

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):not(.login-banner-block__link):not(.app-float-banner__link):hover{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  opacity:.88;

}



.site-footer,

.site-footer :is(.ft-title, .ft-col a, .ft-bottom, p, li, span){

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



/* Lizaro chips ? hover: lighten gold, keep same hue */

@media (hover:hover){

  .chip:hover,

  .shell .chips a.chip:hover,

  main .chips a.chip:hover,

  .chips a.chip:hover{

    filter:brightness(1.08) !important;

    transform:none !important;

    background:transparent !important;

  }

  .chip:hover::before,

  .shell .chips a.chip:hover::before,

  main .chips a.chip:hover::before,

  .chips a.chip:hover::before{

    background:var(--chip-btn-hover, linear-gradient(180deg, #018af9 0%, #006bf6 52%, #006bf6 100%)) !important;

  }

}



/* ??? TABLES ? final homepage match (all pages) ??? */

.table-wrapper tbody tr:nth-child(odd),

.table-wrapper tbody tr:nth-child(even),

#facts .table-wrapper tbody tr:nth-child(odd),

#facts .table-wrapper tbody tr:nth-child(even),

#bonuses .table-wrapper tbody tr:nth-child(odd),

#bonuses .table-wrapper tbody tr:nth-child(even),

#payments .table-wrapper tbody tr:nth-child(odd),

#payments .table-wrapper tbody tr:nth-child(even),

main .table-wrapper tbody tr:nth-child(odd),

main .table-wrapper tbody tr:nth-child(even),

main .legal-doc .table-wrapper tbody tr:nth-child(odd),

main .legal-doc .table-wrapper tbody tr:nth-child(even){

  background:transparent !important;

}

.table-wrapper tbody tr > :first-child,

.table-wrapper tbody th[scope="row"],

.table-wrapper thead th,

#facts .table-wrapper tbody th[scope="row"],

#facts .table-wrapper :is(td,th):first-child,

#bonuses .table-wrapper tbody th[scope="row"],

#bonuses .table-wrapper :is(td,th):first-child,

#payments .table-wrapper tbody th[scope="row"],

#payments .table-wrapper :is(td,th):first-child,

main .table-wrapper tbody th[scope="row"],

main .table-wrapper tbody :is(td,th):first-child,

main .legal-doc .table-wrapper tbody th[scope="row"],

main .legal-doc .table-wrapper tbody :is(td,th):first-child,

body.games-page .table-wrapper tbody th[scope="row"],

body.bonus-page .table-wrapper tbody th[scope="row"],

body.app-page .table-wrapper tbody th[scope="row"],

body.login-page .table-wrapper tbody th[scope="row"],

body.acceso-page .table-wrapper tbody th[scope="row"],

.table-wrapper--cards tbody th[scope="row"]{

  background:var(--table-label-bg, #3b2e25) !important;

  background-image:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

}

.table-wrapper tbody td,

.table-wrapper tbody tr > *:not(:first-child),

#facts .table-wrapper td,

#bonuses .table-wrapper td,

#payments .table-wrapper td,

main .table-wrapper tbody td,

main .legal-doc .table-wrapper tbody td{

  background:var(--table-value-bg, #241a13) !important;

  background-image:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:400 !important;

}

.table-wrapper tbody tr:hover > :first-child,

.table-wrapper tbody tr:hover th[scope="row"],

.table-wrapper tbody tr:hover :is(td,th):first-child{

  background:var(--table-hover-label, #443429) !important;

}

.table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover > *:not(:first-child){

  background:var(--table-hover-value, #2e2219) !important;

}



/* ===========================================================

   RAINBET CASINO ? light-brown header/footer, darker page, sticky aside

=========================================================== */

:root{

  --rainbet-page:#231811;

  --rainbet-page-mid:#2a1d14;

  --rainbet-main:#35261c;

  --rainbet-hdr:#5cb0ff;

  --rainbet-hdr-text:#2a1c12;

  --rainbet-ft:#5cb0ff;

  --rainbet-ft-text:#2a1c12;

  --rainbet-gold:#018af9;

  --lizaro-bg-dark:#231811;

  --lizaro-bg-header:#5cb0ff;

  --lizaro-border-dark:#1a120c;

  --hdr-bg-top:#5cb0ff;

  --hdr-bg-bot:#5cb0ff;

  --hdr-text:#2a1c12;

  --page-bg:#231811;

  --main-bg:#35261c;

}



html,

body:before{

  background-color:var(--rainbet-page) !important;

  background-image:

    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,122,44,.07), transparent 55%),

    linear-gradient(180deg, #231811 0%, #1c140f 45%, #18100c 100%) !important;

}



header,

header.scrolled{

  position:fixed !important;

  top:0 !important;

  left:0 !important;

  right:0 !important;

  z-index:100 !important;

  background:linear-gradient(180deg, #dcc3a0 0%, #5cb0ff 55%, #5cb0ff 100%) !important;

  border-bottom:1px solid rgba(42,28,18,.18) !important;

  box-shadow:0 4px 20px rgba(0,0,0,.28) !important;

}



header .head,

header .head-nav__link,

header .head-search-ico,

header .burger,

header .offers-trigger{

  color:var(--rainbet-hdr-text) !important;

}



header .head-nav__link{

  border-bottom-color:transparent !important;

}

header .head-nav__link:hover,

header .head-nav__link--active{

  color:var(--rainbet-hdr-text) !important;

  border-bottom-color:var(--rainbet-gold) !important;

}



header .burger{

  background:rgba(42,28,18,.08) !important;

  border-color:rgba(42,28,18,.18) !important;

  color:var(--rainbet-hdr-text) !important;

}



header .offers-trigger{

  background:rgba(42,28,18,.08) !important;

  border-color:rgba(42,28,18,.16) !important;

}



.shell > main,

:is(.shell > main, main){

  background:linear-gradient(180deg, #3d2c20 0%, #35261c 50%, #2e2118 100%) !important;

  border:1px solid rgba(190,122,44,.22) !important;

}



.site-footer{

  background:linear-gradient(180deg, #dcc3a0 0%, #5cb0ff 55%, #5cb0ff 100%) !important;

  border-top:1px solid rgba(42,28,18,.18) !important;

  color:var(--rainbet-ft-text) !important;

}



.site-footer .ft-title,

.site-footer .ft-col a,

.site-footer .ft-bottom,

.site-footer .ft-col a:hover{

  color:var(--rainbet-ft-text) !important;

  -webkit-text-fill-color:var(--rainbet-ft-text) !important;

}



.site-footer .ft-col a:hover{

  opacity:.75;

}



.ft-btn,

.site-footer .ft-btn,

a.ft-btn.pulse{

  font-size:15px !important;

  font-weight:800 !important;

  letter-spacing:.1em !important;

  padding:14px 28px !important;

  min-height:48px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  background:linear-gradient(180deg, #006bf6 0%, #018af9 52%, #a86d25 100%) !important;

  border:1px solid rgba(42,28,18,.2) !important;

  box-shadow:0 4px 14px rgba(0,0,0,.22) !important;

}



.logo img,

header .logo img{

  height:58px !important;

  max-width:240px !important;

}



.ft-logo img,

.site-footer .ft-logo img{

  height:52px !important;

  max-width:210px !important;

}



.aside,

.drawer{

  background:linear-gradient(180deg, #3a2a1e 0%, #302218 55%, #281c14 100%) !important;

  border:1px solid rgba(190,122,44,.22) !important;

}



/* Sticky desktop sidebar under fixed header */

@media (min-width:993px){

  .shell > .aside,

  .aside{

    position:sticky !important;

    top:calc(var(--hdrH, 74px) + 14px) !important;

    align-self:start !important;

    z-index:2 !important;

    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;

    overflow-y:auto !important;

    overscroll-behavior:contain !important;

  }

}



.chips,

.shell > main .chips,

:is(.shell > main, main) .chips{

  background:#1c140f !important;

  border:1px solid #140e0a !important;

}



/* Rainbet logo ? navy plate on light header */

.logo img,

header .logo img{

  height:52px !important;

  max-width:200px !important;

  border-radius:8px !important;

  background:#10182b !important;

}

.ft-logo img,

.site-footer .ft-logo img{

  height:46px !important;

  max-width:180px !important;

  border-radius:8px !important;

  background:#10182b !important;

}



/* ===========================================================

   NINE CASINO ? light-brown header/footer, darker brown page (active brand)

=========================================================== */

:root{

  --nine-page:#231811;

  --nine-main:#35261c;

  --nine-hdr:#5cb0ff;

  --nine-hdr-text:#2a1c12;

  --nine-ft:#5cb0ff;

  --nine-ft-text:#2a1c12;

  --nine-gold:#018af9;

  --nine-btn:#018af9;

  --nine-btn-mid:#006bf6;

  --nine-btn-dark:#a86d25;

  --hdr-bg-top:#5cb0ff;

  --hdr-bg-bot:#5cb0ff;

  --hdr-text:#2a1c12;

  --page-bg:#231811;

  --main-bg:#35261c;

  --main-text:#e8dcc8;

  --main-heading:#fff8ee;

  --chip-btn-face:linear-gradient(180deg, #006bf6 0%, #018af9 52%, #a86d25 100%);

  --chip-btn-hover:linear-gradient(180deg, #018af9 0%, #006bf6 52%, #018af9 100%);

  --primary:#018af9;

  --primary-mid:#006bf6;

  --primary-dark:#a86d25;

  --lizaro-bg-dark:#231811;

  --lizaro-bg-header:#5cb0ff;

  --lizaro-border-dark:#1a120c;

  --rainbet-hdr:#5cb0ff;

  --rainbet-ft:#5cb0ff;

  --rainbet-main:#35261c;

  --rainbet-page:#231811;

}



/* ===========================================================

   NINE CASINO FINAL ? dark blue page (#121D5B), white text,

   orange buttons + sidebar, fixed header + sticky aside

=========================================================== */

:root{

  --nine-page:#03050f;

  --nine-page-deep:#010209;

  --nine-main:#0a1438;

  --nine-main-mid:#0c1740;

  --nine-hdr:#060b1c;

  --nine-ft:#060b1c;

  --nine-orange:#006bf6;

  --nine-orange-mid:#006bf6;

  --nine-orange-dark:#9a5f24;

  --hdr-bg-top:#060b1c;

  --hdr-bg-bot:#03050f;

  --hdr-text:#ffffff;

  --page-bg:#03050f;

  --main-bg:#0a1438;

  --main-text:#ffffff;

  --main-heading:#ffffff;

  --primary:#006bf6;

  --primary-mid:#006bf6;

  --primary-dark:#9a5f24;

  --chip-btn-face:linear-gradient(180deg, #006bf6 0%, #006bf6 52%, #9a5f24 100%);

  --chip-btn-hover:linear-gradient(180deg, #018af9 0%, #006bf6 52%, #006bf6 100%);

  --table-label-bg:#0c1740;

  --table-value-bg:#070f2a;

  --table-hover-label:#102050;

  --table-hover-value:#0c1740;

  --table-head-bg:#0c1740;

  --table-border:rgba(0, 107, 246,.28);

}



html,

body:before{

  background-color:#03050f !important;

  background-image:

    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(0, 107, 246,.04), transparent 55%),

    linear-gradient(180deg, #050814 0%, #03050f 50%, #010209 100%) !important;

}



body{

  background:#03050f !important;

  color:#ffffff !important;

}



header,

header.scrolled{

  position:fixed !important;

  top:0 !important;

  left:0 !important;

  right:0 !important;

  z-index:100 !important;

  background:linear-gradient(180deg, #0a1230 0%, #060b1c 55%, #03050f 100%) !important;

  border-bottom:1px solid rgba(0, 107, 246,.22) !important;

  box-shadow:0 4px 20px rgba(0,0,0,.45) !important;

}



header .head,

header .head-nav__link,

header .head-search-ico,

header .burger,

header .offers-trigger{

  color:#ffffff !important;

}



header .head-nav__link:hover,

header .head-nav__link--active{

  color:#ffffff !important;

  border-bottom-color:#006bf6 !important;

}



header .burger,

header .offers-trigger{

  background:rgba(255,255,255,.08) !important;

  border-color:rgba(255,255,255,.16) !important;

  color:#ffffff !important;

}



.shell > main,

:is(.shell > main, main){

  background:linear-gradient(180deg, #0c1740 0%, #0a1438 50%, #070f2a 100%) !important;

  border:1px solid rgba(0, 107, 246,.18) !important;

  color:#ffffff !important;

}



:is(.shell > main, main) :is(p, li, td, th, dd, dt, span, label, .legal-note, .intro, a){

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6, .page-title){

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



.site-footer{

  background:linear-gradient(180deg, #0a1230 0%, #060b1c 55%, #03050f 100%) !important;

  border-top:1px solid rgba(0, 107, 246,.22) !important;

  color:#ffffff !important;

}



.site-footer .ft-title,

.site-footer .ft-col a,

.site-footer .ft-bottom,

.site-footer .ft-col a:hover{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



.aside,

.drawer{

  background:linear-gradient(180deg, #0a1230 0%, #060b1c 55%, #03050f 100%) !important;

  border:1px solid rgba(0, 107, 246,.18) !important;

}



.chips,

.shell > main .chips,

:is(.shell > main, main) .chips{

  background:#050a1c !important;

  border:1px solid #03050f !important;

}



:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .chip, a.ft-btn.pulse),

.head .btn--login,

.head .btn--reg,

.site-footer .ft-btn,

a.ft-btn.pulse{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  border:1px solid #006bf6 !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  box-shadow:0 4px 14px rgba(0,0,0,.28) !important;

}



.chip-txt,

.chip .chip-txt,

:is(.shell > main, main) :is(.chip, .chip-txt){

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

}



.chip::before,

.shell .chips a.chip::before{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

}



@media (hover:hover){

  :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .chip):hover,

  :where(.popular-games__media, .card .media) .game-play-btn:hover{

    background:linear-gradient(180deg, #5cb0ff 0%, #3ba0ff 52%, #018af9 100%) !important;

    filter:brightness(1.05) !important;

    border-color:#018af9 !important;

    box-shadow:0 0 18px rgba(1, 138, 249,.4) !important;

  }

}



.aside .nav a,

.drawer .nav a,

.aside .nav a:hover,

.drawer .nav a:hover,

.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 45%, #006bf6 100%) !important;

  border:1px solid #006bf6 !important;

  border-radius:12px !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.18),

    0 2px 8px rgba(0,0,0,.28) !important;

  filter:none !important;

}



.aside .nav a .nav-txt,

.drawer .nav a .nav-txt,

.aside .nav a .nav-ico,

.drawer .nav a .nav-ico,

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico,

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt,

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico{

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  stroke:currentColor !important;

}



.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico,

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) !important;

  opacity:1 !important;

}



.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a::after,

.drawer .nav a::after,

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before,

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  display:none !important;

}



@media (hover:hover){

  .aside .nav a:hover,

  .drawer .nav a:hover{

    background:linear-gradient(180deg, #5cb0ff 0%, #3ba0ff 45%, #018af9 100%) !important;

    filter:brightness(1.04) !important;

  }

}



.popular-games__title,

:is(.shell > main, main) .popular-games__title,

.card .title,

:is(.shell > main, main) .card .title,

.card .info .title,

.popular-games__meta .popular-games__title{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



.popular-games__meta,

.card .info{

  background:transparent !important;

}



.prov,

:is(.shell > main, main) a.prov{

  background:#060b1c !important;

  border:1px solid rgba(0, 107, 246,.18) !important;

  box-shadow:0 8px 24px rgba(0,0,0,.4) !important;

}



.prov:hover,

:is(.shell > main, main) a.prov:hover{

  background:#0a1230 !important;

  border-color:rgba(0, 107, 246,.35) !important;

  filter:none !important;

}



.prov-media{

  background:#03050f !important;

}



.prov-name,

:is(.shell > main, main) .prov-name{

  background:#0a1438 !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border-top:1px solid rgba(0, 107, 246,.18) !important;

}



.logo img,

header .logo img{

  height:48px !important;

  max-width:220px !important;

  border-radius:6px !important;

  background:transparent !important;

  padding:0 !important;

  box-sizing:content-box !important;

}



.ft-logo img,

.site-footer .ft-logo img{

  height:42px !important;

  max-width:200px !important;

  border-radius:6px !important;

  background:transparent !important;

  padding:0 !important;

  box-sizing:content-box !important;

}



@media (max-width:520px){

  .logo img, header .logo img{ height:42px !important; max-width:170px !important; }

}

@media (max-width:390px){

  .logo img, header .logo img{ height:36px !important; max-width:150px !important; }

}



.ft-btn,

.site-footer .ft-btn,

a.ft-btn.pulse{

  font-size:15px !important;

  font-weight:800 !important;

  letter-spacing:.1em !important;

  padding:14px 28px !important;

  min-height:48px !important;

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

}



#updatedBox{

  background:linear-gradient(180deg,#0c1740,#070f2a) !important;

  border-color:rgba(0, 107, 246,.3) !important;

}



#updatedBox svg path{

  stroke:#006bf6 !important;

}



.table-wrapper table:has(thead) thead,

:root{

  --table-label-bg:#0d0d0d;

  --table-value-bg:#0d0d0d;

  --table-hover-label:#141414;

  --table-hover-value:#141414;

  --table-head-bg:#0d0d0d;

  --table-border:rgba(0,0,0,.28);

}



/* Always-fixed sidebar under fixed header (does not scroll away) */

@media (min-width:993px){

  .shell{

    overflow:visible !important;

  }

  .shell > .aside-spacer{

    grid-column:1;

    grid-row:1;

    width:100%;

    max-width:260px;

    pointer-events:none;

  }

  .shell > .aside,

  .aside,

  .shell > .aside.aside--pinned,

  .aside.aside--pinned{

    position:sticky !important;

    top:calc(var(--hdrH, 74px) + 14px) !important;

    align-self:start !important;

    z-index:40 !important;

    width:100% !important;

    max-width:260px !important;

    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;

    overflow-x:hidden !important;

    overflow-y:auto !important;

    overscroll-behavior:contain !important;

  }

}

/* ========== Casinozer final theme lock (screens) ========== */

html, body{

  color:#ffffff !important;

  background-color:#0d0d0d !important;

}

body:before{

  background:#0d0d0d !important;

  background-image:none !important;

}

header,

header.scrolled{

  background:#1a1a1a !important;

  border-bottom-color:rgba(255,255,255,.08) !important;

}

.site-footer{

  background:#1a1a1a !important;

  --ft-bg0:#1a1a1a !important;

  --ft-bg1:#1a1a1a !important;

}

.shell > main,

main{

  background:#0d0d0d !important;

  color:#ffffff !important;

  border-color:rgba(0,0,0,.28) !important;

}

main p, main li, main td, main th, main span, main a,

.page-title, .shell > main .section h2, .shell > main .section h3{

  color:#ffffff !important;

}

main a:hover{ color:#018af9 !important; }



/* Sidebar: thin blue border */

.aside,

.shell > .aside{

  background:#0d0d0d !important;

  border:1px solid #018af9 !important;

  box-shadow:0 0 0 1px rgba(1,138,249,.2) !important;

}

.aside .nav a::after,

.drawer .nav a::after{

  background:#018af9 !important;

}

.aside .nav a::before,

.drawer .nav a::before{

  background:

    linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 40%),

    #018af9 !important;

}

.aside .nav a,

.drawer .nav a{

  color:#0d0d0d !important;

}

.aside .nav a .nav-txt,

.drawer .nav a .nav-txt,

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  color:#0d0d0d !important;

  text-shadow:none !important;

}

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico{

  color:#0d0d0d !important;

}

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico{

  filter:brightness(0) !important;

  opacity:1 !important;

}



/* All site buttons turquoise */

.btn--login,

.btn--reg,

.pulse-btn,

.vmore-btn,

.ft-btn,

.head .btn--login,

.head .btn--reg{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  text-shadow:none !important;

}

.btn--login::after,

.btn--reg::after,

.pulse-btn::after,

.vmore-btn::after,

.ft-btn::after{

  background:#006bf6 !important;

  box-shadow:0 0 10px rgba(1, 138, 249,.35) !important;

}

.chip{

  background:#018af9 !important;

  color:#0d0d0d !important;

  border-color:#006bf6 !important;

}

.chip-txt, .chip-ico, .chip-ico svg{ color:#0d0d0d !important; }



/* Tables: page bg + thin red lines */

.table-wrapper,

.table-wrapper--cards,

.table-wrapper--scroll{

  background:#0d0d0d !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-radius:0 !important;

  box-shadow:none !important;

  overflow:hidden !important;

}

table,

.table-wrapper table,

:is(#facts, #bonuses, #payments) table{

  background:#0d0d0d !important;

  border-collapse:collapse !important;

}

table thead,

.table-wrapper table thead{

  background:#0d0d0d !important;

  border-bottom:1px solid rgba(0,0,0,.28) !important;

}

table th,

table td,

table tbody th,

table tbody td,

:is(#facts, #bonuses) td,

:is(#facts, #bonuses) tbody th[scope="row"],

:is(#facts, #bonuses) tbody td,

#payments table th,

#payments table tbody td{

  background:#0d0d0d !important;

  color:#ffffff !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-bottom:1px solid rgba(0,0,0,.28) !important;

}

table tbody tr:hover,

table tbody tr:nth-child(even),

table tbody tr:hover td,

table tbody tr:hover th{

  background:#0d0d0d !important;

}

.drawer{

  background:#0d0d0d !important;

  border-right:1px solid rgba(0,0,0,.28) !important;

}

.dhead, .offers-panel, .offers-panel__head{

  background:#1a1a1a !important;

  color:#ffffff !important;

}

.head-nav__link{ color:#ffffff !important; }

.head-nav__link--active,

.head-nav__link:hover{

  border-bottom-color:#018af9 !important;

  color:#ffffff !important;

}

#updatedBox{

  background:#0d0d0d !important;

  border:1px solid rgba(0,0,0,.28) !important;

  color:#ffffff !important;

}

#updatedBox svg path{ stroke:#018af9 !important; }

/* ========== Casinozer fix pass: header buttons + full table grid ========== */

:root{

  --chip-btn-face:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  --chip-btn-hover:linear-gradient(180deg, #5cb0ff 0%, #3ba0ff 52%, #018af9 100%) !important;

  --casea-btn-blue:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  --casea-btn-gold:linear-gradient(180deg, #5cb0ff 0%, #018af9 40%, #006bf6 100%) !important;

  --casea-btn-face:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

}



.head .offers-trigger,

header .offers-trigger,

.offers-trigger,

.head .head-search-ico,

header .head-search-ico,

.head-search-ico,

.head .burger,

header .burger,

.burger{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  border:1px solid #006bf6 !important;

  color:#0d0d0d !important;

  box-shadow:none !important;

}

.head .offers-trigger:hover,

.offers-trigger:hover,

.head .head-search-ico:hover,

.head-search-ico:hover,

.head .burger:hover{

  background:linear-gradient(180deg, #5cb0ff 0%, #3ba0ff 52%, #018af9 100%) !important;

  border-color:#018af9 !important;

  color:#0d0d0d !important;

}

.head .offers-trigger__ico,

.offers-trigger__ico{

  filter:brightness(0) !important;

}

.head .head-search-ico svg,

.head-search-ico svg,

.head .head-search-ico svg path,

.head-search-ico svg path{

  color:#0d0d0d !important;

  stroke:#0d0d0d !important;

}



:is(.head .btn, .head .btn--login, .head .btn--reg, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn),

.head .btn--login,

.head .btn--reg{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  border:1px solid #006bf6 !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  text-shadow:none !important;

  clip-path:none !important;

  border-radius:10px !important;

}

:is(.head .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn)::before,

:is(.head .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn)::after{

  display:none !important;

  content:none !important;

  background:transparent !important;

}



/* Full continuous red grid for tables */

.table-wrapper,

.table-wrapper--cards,

.table-wrapper--scroll,

:is(#facts, #bonuses, #payments) .table-wrapper{

  background:#0d0d0d !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-radius:0 !important;

  box-shadow:none !important;

  overflow:visible !important;

  padding:0 !important;

}

.table-wrapper table,

:is(#facts, #bonuses, #payments) table,

table{

  width:100% !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#0d0d0d !important;

  empty-cells:show !important;

}

.table-wrapper th,

.table-wrapper td,

.table-wrapper tbody th,

.table-wrapper tbody td,

:is(#facts, #bonuses) td,

:is(#facts, #bonuses) tbody th[scope="row"],

:is(#facts, #bonuses) tbody td,

#payments table th,

#payments table td,

table th,

table td{

  background:#0d0d0d !important;

  color:#ffffff !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-top:1px solid rgba(0,0,0,.28) !important;

  border-right:1px solid rgba(0,0,0,.28) !important;

  border-bottom:1px solid rgba(0,0,0,.28) !important;

  border-left:1px solid rgba(0,0,0,.28) !important;

  outline:none !important;

  box-shadow:none !important;

}

:is(#facts, #bonuses) tr:last-child td,

:is(#facts, #bonuses) tr:last-child th,

table tbody tr:last-child td,

table tbody tr:last-child th{

  border-bottom:1px solid rgba(0,0,0,.28) !important;

}

/* ========== Sidebar + chips TURQUOISE (force over Lizaro/brown) ========== */

:root{

  --chip-green-face:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  --chip-green-frame:#006bf6 !important;

}



.chips,

.shell .chips{

  background:#0d0d0d !important;

  background-image:none !important;

  border:1px solid rgba(197,38,92,.35) !important;

}



.chip,

.shell .chips a.chip,

a.chip{

  background:transparent !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

}

.chip::after,

.shell .chips a.chip::after,

a.chip::after{

  background:#006bf6 !important;

}

.chip::before,

.shell .chips a.chip::before,

a.chip::before{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

}

.chip:link,

.chip:visited,

.chip:hover,

.chip:active,

.chip:focus-visible,

.chip .chip-txt,

.chip-txt,

.shell .chips a.chip .chip-txt,

.chip-ico,

.chip-ico svg,

:is(.chip-ico, .chip-ico svg){

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  stroke:#0d0d0d !important;

  filter:none !important;

}



.aside,

.shell > .aside,

.drawer{

  background:#0d0d0d !important;

  border:1px solid rgba(0,0,0,.28) !important;

  box-shadow:none !important;

}



.aside .nav a::after,

.drawer .nav a::after,

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  background:#006bf6 !important;

  box-shadow:none !important;

}

.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before,

.aside .nav a:hover::before,

.drawer .nav a:hover::before{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  box-shadow:none !important;

  opacity:1 !important;

}

.aside .nav a,

.drawer .nav a,

.aside .nav a.is-active,

.drawer .nav a.is-active,

.aside .nav a:hover,

.drawer .nav a:hover{

  background:#018af9 !important;

  background-image:linear-gradient(180deg, #3ba0ff 0%, #018af9 45%, #006bf6 100%) !important;

  border:1px solid #006bf6 !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  filter:none !important;

}

.aside .nav a .nav-txt,

.drawer .nav a .nav-txt,

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  text-shadow:none !important;

}

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico,

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico,

.aside .nav a:hover svg.nav-ico,

.drawer .nav a:hover svg.nav-ico{

  color:#0d0d0d !important;

  stroke:#0d0d0d !important;

  filter:none !important;

}

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico,

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico,

.aside .nav a:hover img.nav-ico,

.drawer .nav a:hover img.nav-ico{

  filter:brightness(0) !important;

  opacity:1 !important;

}



/* ========== ALL TABLES: dark green grid (no red/magenta) ========== */

:root{

  --table-label-bg:#1a1a1a !important;

  --table-value-bg:#1a1a1a !important;

  --table-hover-label:#141414 !important;

  --table-hover-value:#141414 !important;

  --table-head-bg:#141414 !important;

  --table-border:rgba(0,0,0,.28) !important;

}



.table-wrapper,

.table-wrapper--cards,

.table-wrapper--scroll,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .table-wrapper,

main .legal-doc .table-wrapper{

  background:#1a1a1a !important;

  border:0 !important;

  border-radius:12px !important;

  box-shadow:none !important;

  padding:0 !important;

  overflow:hidden !important;

}



.table-wrapper table,

.table-wrapper--cards table,

.table-wrapper--scroll table,

#facts table,

#bonuses table,

#payments table,

main .table-wrapper table,

main .legal-doc .table-wrapper table{

  width:100% !important;

  max-width:100% !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#1a1a1a !important;

  border:0 !important;

  margin:0 !important;

  empty-cells:show !important;

}



/* Force real table layout (no card stacking) */

.table-wrapper--cards,

.table-wrapper--cards table,

.table-wrapper--cards thead,

.table-wrapper--cards tbody,

.table-wrapper--cards tr,

.table-wrapper--cards th,

.table-wrapper--cards td{

  display:revert !important;

}



.table-wrapper--cards tbody td::before{

  content:none !important;

  display:none !important;

}



/* Every cell: dark green fill + subtle dark dividers (no red) */

.table-wrapper th,

.table-wrapper td,

.table-wrapper thead th,

.table-wrapper tbody th,

.table-wrapper tbody td,

.table-wrapper--cards th,

.table-wrapper--cards td,

#facts .table-wrapper th,

#facts .table-wrapper td,

#bonuses .table-wrapper th,

#bonuses .table-wrapper td,

#payments .table-wrapper th,

#payments .table-wrapper td,

main .table-wrapper th,

main .table-wrapper td,

main .legal-doc .table-wrapper th,

main .legal-doc .table-wrapper td,

#facts .table-wrapper :is(td,th),

#bonuses .table-wrapper :is(td,th),

#payments .table-wrapper :is(td,th),

main .table-wrapper :is(td,th),

main .legal-doc .table-wrapper :is(td,th){

  background:#1a1a1a !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-color:rgba(0,0,0,.28) !important;

  outline:0 !important;

  box-shadow:none !important;

}



.table-wrapper tbody tr,

.table-wrapper tbody tr:nth-child(even),

.table-wrapper tbody tr:hover,

.table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover th,

#facts .table-wrapper tbody tr:hover :is(td,th),

#bonuses .table-wrapper tbody tr:hover :is(td,th),

#payments .table-wrapper tbody tr:hover :is(td,th){

  background:#1a1a1a !important;

}



.table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover th,

#facts .table-wrapper tbody tr:hover :is(td,th),

#bonuses .table-wrapper tbody tr:hover :is(td,th),

#payments .table-wrapper tbody tr:hover :is(td,th){

  background:#141414 !important;

  border-color:rgba(0,0,0,.28) !important;

}



/* Keep bottom border on last row */

.table-wrapper tbody tr:last-child td,

.table-wrapper tbody tr:last-child th,

.table-wrapper tbody tr:last-child :is(td,th),

#facts .table-wrapper tbody tr:last-child :is(td,th),

#bonuses .table-wrapper tbody tr:last-child :is(td,th),

#payments .table-wrapper tbody tr:last-child :is(td,th),

main .table-wrapper tbody tr:last-child :is(td,th),

main .legal-doc .table-wrapper tbody tr:last-child :is(td,th){

  border:1px solid rgba(0,0,0,.28) !important;

  border-bottom:1px solid rgba(0,0,0,.28) !important;

}



:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],

:is(#facts, #bonuses, #payments) .table-wrapper :is(td,th):first-child{

  font-weight:700 !important;

}



@media (max-width:768px){

  .table-wrapper--cards thead{ display:table-header-group !important; }

  .table-wrapper--cards tbody{ display:table-row-group !important; }

  .table-wrapper--cards tbody tr{ display:table-row !important; padding:0 !important; }

  .table-wrapper--cards tbody th[scope="row"],

  .table-wrapper--cards tbody td{

    display:table-cell !important;

    width:auto !important;

    padding:10px 12px !important;

    border:1px solid rgba(0,0,0,.28) !important;

  }

}



/* ========== Offers modal: solid dark background ========== */

.offers-panel,

.offers-panel__head,

.offers-panel__body,

.offers-panel__figure,

.offers-panel__foot{

  background:#0d0d0d !important;

  background-image:none !important;

}

.offers-panel{

  border:1px solid rgba(197,38,92,.45) !important;

  box-shadow:

    0 0 0 1px rgba(0,0,0,.7),

    0 28px 80px rgba(0,0,0,.75),

    inset 0 1px 0 rgba(255,255,255,.04) !important;

}

.offers-panel__head{

  border-bottom:1px solid rgba(255,255,255,.06) !important;

}

.offers-panel__head::after{

  background:linear-gradient(

    90deg,

    transparent 0%,

    rgba(197,38,92,.35) 20%,

    rgba(1, 138, 249,.35) 50%,

    rgba(197,38,92,.35) 80%,

    transparent 100%

  ) !important;

}

.offers-panel__title{

  color:#ffffff !important;

  text-shadow:none !important;

}

.offers-panel__title::before{

  background:linear-gradient(90deg, #0d0d0d, #c5265c, #018af9, rgba(1, 138, 249,.6)) !important;

  box-shadow:none !important;

}

.offers-panel__close{

  border-color:rgba(255,255,255,.14) !important;

  background:#1a1a1a !important;

  color:#ffffff !important;

}

.offers-panel__close:hover{

  border-color:#018af9 !important;

  background:#1a1a1a !important;

  box-shadow:0 0 0 1px rgba(1, 138, 249,.25) !important;

}

.offers-panel__figure{

  box-shadow:0 0 0 1px rgba(255,255,255,.06) !important;

}

.offers-panel__foot{

  border-top:1px solid rgba(255,255,255,.06) !important;

}

.offers-panel__foot::before{

  background:linear-gradient(

    90deg,

    transparent,

    rgba(197,38,92,.4) 25%,

    rgba(1, 138, 249,.35) 50%,

    rgba(197,38,92,.4) 75%,

    transparent

  ) !important;

}

.offers-panel__hint{

  color:rgba(255,255,255,.88) !important;

}

.offers-panel__hint::before{

  background:#018af9 !important;

  box-shadow:0 0 10px rgba(1, 138, 249,.35) !important;

}

.offers-backdrop.is-open{

  background:rgba(0,0,0,.82) !important;

}



/* Desktop sidebar: static, no internal scroll on hover */

@media (min-width:993px){

  .shell > .aside,

  .aside,

  .shell > .aside.aside--pinned,

  .aside.aside--pinned{

    position:sticky !important;

    top:calc(var(--hdrH, 74px) + 14px) !important;

    align-self:start !important;

    max-height:none !important;

    overflow-x:hidden !important;

    overflow-y:visible !important;

    overscroll-behavior:none !important;

  }

  .aside .nav,

  .shell > .aside .nav{

    overflow:visible !important;

  }

}

/* ========== Cresus Casino ? sticky chrome + logo/LIVE CHAT polish ========== */

header,

header.scrolled{

  position:fixed !important;

  top:0 !important;

  left:0 !important;

  right:0 !important;

  z-index:1000 !important;

  width:100% !important;

}



header .logo img,

.logo img{

  height:48px !important;

  max-width:260px !important;

  width:auto !important;

  object-fit:contain !important;

}

.ft-logo img{

  height:44px !important;

  max-width:240px !important;

  width:auto !important;

  object-fit:contain !important;

}

@media (max-width:520px){

  header .logo img,

  .logo img{ height:40px !important; max-width:200px !important; }

}

@media (max-width:390px){

  header .logo img,

  .logo img{ height:34px !important; max-width:170px !important; }

}



.site-footer .ft-btn,

.ft-btn.pulse,

.ft-btn{

  font-size:15px !important;

  font-weight:800 !important;

  letter-spacing:.08em !important;

  text-transform:uppercase !important;

  padding:12px 22px !important;

  min-height:46px !important;

  line-height:1.2 !important;

  white-space:nowrap !important;

  color:#0d0d0d !important;

}



@media (min-width:993px){

  .shell{

    overflow:visible !important;

  }

  .shell > .aside,

  .aside,

  .shell > .aside.aside--pinned,

  .aside.aside--pinned{

    position:sticky !important;

    top:calc(var(--hdrH, 74px) + 14px) !important;

    z-index:40 !important;

    width:100% !important;

    max-width:260px !important;

    max-height:none !important;

    overflow-x:hidden !important;

    overflow-y:visible !important;

    overscroll-behavior:none !important;

    align-self:start !important;

  }

}



/* ========== Cresus Casino brand chrome ? teal header/footer ========== */

:root{

  --cresus-teal:#1a1a1a;

  --cresus-teal-deep:#141414;

  --hdr-bg-top:#1a1a1a;

  --hdr-bg-bot:#1a1a1a;

  --lizaro-bg-header:#1a1a1a;

}

header,

header.scrolled,

.site-footer{

  background:#1a1a1a !important;

  background-image:none !important;

  --ft-bg0:#1a1a1a !important;

  --ft-bg1:#1a1a1a !important;

  border-bottom-color:rgba(0,0,0,.12) !important;

}

.site-footer{

  border-top:1px solid rgba(0,0,0,.12) !important;

}

header .logo img,

.logo img{

  height:44px !important;

  max-width:220px !important;

  width:auto !important;

  object-fit:contain !important;

  filter:none !important;

}

.ft-logo img,

.site-footer .ft-logo img{

  height:40px !important;

  max-width:200px !important;

  width:auto !important;

  object-fit:contain !important;

  filter:none !important;

}

@media (max-width:520px){

  header .logo img,

  .logo img{ height:36px !important; max-width:180px !important; }

}

@media (max-width:390px){

  header .logo img,

  .logo img{ height:32px !important; max-width:150px !important; }

}

header .head-nav__link,

header .burger,

header .offers-trigger,

header .head-search-ico{

  color:#ffffff !important;

}

header .head-nav__link:hover,

header .head-nav__link--active{

  color:#ffffff !important;

  opacity:1 !important;

}

.site-footer .ft-title,

.site-footer .ft-col a,

.site-footer .ft-bottom,

.site-footer a{

  color:rgba(255,255,255,.92) !important;

}

.site-footer .ft-col a:hover{

  color:#ffffff !important;

}



/* ========== Cresus page teal + soft orange CTAs + dark-green tables ========== */

:root{

  --cresus-page:#1a1a1a;

  --cresus-deep:#1a1a1a;

  --cresus-orange:#018af9;

  --cresus-orange-deep:#006bf6;

  --cresus-orange-soft:#3ba0ff;

  --cresus-on-orange:#2a1a10;

  --page-bg:#1a1a1a;

  --main-bg:#1a1a1a;

  --primary:#018af9;

  --primary-mid:#3ba0ff;

  --primary-dark:#006bf6;

  --mx-green:#018af9;

  --mx-green-bright:#3ba0ff;

  --secondary:#018af9;

  --on-lime:#2a1a10;

  --sidebar-pill:#018af9;

  --sidebar-pill-hover:#3ba0ff;

  --table-border:rgba(0,0,0,.22);

  --table-label-bg:#1a1a1a;

  --table-value-bg:#1a1a1a;

  --table-hover-label:#141414;

  --table-hover-value:#141414;

  --table-head-bg:#141414;

  --mx-red:#1a1a1a;

  --accent-pink:#1a1a1a;

  --line:rgba(0,0,0,.22);

}



html, body{

  background-color:#1a1a1a !important;

  color:#ffffff !important;

}

body:before{

  background:#1a1a1a !important;

  background-image:none !important;

}

.shell > main,

main,

.shell{

  background:#1a1a1a !important;

  color:#ffffff !important;

  border-color:rgba(0,0,0,.18) !important;

}

main p, main li, main td, main th, main span,

.page-title, .shell > main .section h2, .shell > main .section h3{

  color:#ffffff !important;

}

main a{ color:#fff7e8 !important; }

main a:hover{ color:#ffffff !important; }



/* Sidebar + drawer ? soft orange nav pills */

.aside,

.shell > .aside,

.drawer,

.drawer .dnav{

  background:#1a1a1a !important;

  border-color:rgba(0,0,0,.2) !important;

  box-shadow:none !important;

}

.aside .nav a,

.drawer .nav a{

  background:#018af9 !important;

  color:#2a1a10 !important;

  border-radius:999px !important;

  border:none !important;

  box-shadow:0 2px 0 rgba(0,0,0,.14) !important;

}

.aside .nav a .nav-txt,

.drawer .nav a .nav-txt,

.aside .nav a.is-active .nav-txt,

.drawer .nav a.is-active .nav-txt{

  color:#2a1a10 !important;

  text-shadow:none !important;

}

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico,

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico{

  color:#2a1a10 !important;

  stroke:#2a1a10 !important;

}

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico,

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:none !important;

  opacity:1 !important;

}

.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a::after,

.drawer .nav a::after,

.aside .nav a.is-active::before,

.drawer .nav a.is-active::after,

.aside .nav a.is-active::after,

.drawer .nav a.is-active::before{

  display:none !important;

  background:transparent !important;

}

.aside .nav a:hover,

.drawer .nav a:hover,

.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:#3ba0ff !important;

  color:#2a1a10 !important;

  transform:none !important;

}

.aside .nav .sep,

.drawer .nav .sep{

  border-color:rgba(0,0,0,.18) !important;

  background:rgba(0,0,0,.12) !important;

}

.drawer .dhead,

.drawer .dclose,

.drawer .dclose__label{

  color:#ffffff !important;

}



/* All CTA / header / footer buttons ? soft orange */

.btn--login,

.btn--reg,

.pulse-btn,

.vmore-btn,

.hero-cta,

.ft-btn,

.ft-btn.pulse,

.site-footer .ft-btn,

.head .btn--login,

.head .btn--reg,

header .btn--login,

header .btn--reg{

  background:#018af9 !important;

  background-image:none !important;

  color:#2a1a10 !important;

  border:none !important;

  box-shadow:0 3px 0 rgba(0,0,0,.16) !important;

  text-shadow:none !important;

}

.btn--login:hover,

.btn--reg:hover,

.pulse-btn:hover,

.vmore-btn:hover,

.ft-btn:hover,

.head .btn--login:hover,

.head .btn--reg:hover,

header .btn--login:hover,

header .btn--reg:hover{

  background:#3ba0ff !important;

  color:#2a1a10 !important;

}

.btn--reg::before,

.pulse-btn::before,

.ft-btn::before,

.pulse-btn::after,

.ft-btn::after{

  display:none !important;

  background:transparent !important;

}

.game-play-btn,

:is(.popular-games__media, .card .media) .game-play-btn{

  background:#018af9 !important;

  background-image:none !important;

  color:#2a1a10 !important;

  border:none !important;

  box-shadow:none !important;

}

:is(.popular-games__media, .card .media) .game-play-btn::before,

:is(.popular-games__media, .card .media) .game-play-btn::after{

  display:none !important;

  background:transparent !important;

}



/* Chips ? darker green */

.chips .chip,

.chip{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.18) !important;

  color:#ffffff !important;

  box-shadow:0 2px 0 rgba(0,0,0,.15) !important;

}

.chip:hover{

  background:#141414 !important;

  color:#ffffff !important;

}

.chip-txt,

.chip-ico,

.chip-ico svg{

  color:#ffffff !important;

  stroke:currentColor !important;

}



/* Tables ? dark green, NO red/magenta stripes */

:root{

  --table-border:rgba(0,0,0,.22) !important;

  --table-label-bg:#1a1a1a !important;

  --table-value-bg:#1a1a1a !important;

  --table-hover-label:#141414 !important;

  --table-hover-value:#141414 !important;

  --table-head-bg:#141414 !important;

}

.table-wrapper,

.table-wrapper--cards,

main table,

.shell > main table,

.shell > main .table-wrapper,

.shell > main .table-wrapper--cards{

  background:#1a1a1a !important;

  border:1px solid rgba(0,0,0,.22) !important;

  border-color:rgba(0,0,0,.22) !important;

  border-radius:12px !important;

  overflow:hidden !important;

  box-shadow:none !important;

  outline:none !important;

}

main table th,

main table td,

.table-wrapper th,

.table-wrapper td,

.shell > main table th,

.shell > main table td,

.table-wrapper--cards th,

.table-wrapper--cards td{

  background:#1a1a1a !important;

  color:#ffffff !important;

  border-color:rgba(0,0,0,.2) !important;

  border-top-color:rgba(0,0,0,.2) !important;

  border-right-color:rgba(0,0,0,.2) !important;

  border-bottom-color:rgba(0,0,0,.2) !important;

  border-left-color:rgba(0,0,0,.2) !important;

  box-shadow:none !important;

  outline:none !important;

}

main table tr:nth-child(even) th,

main table tr:nth-child(even) td,

main table tr:hover th,

main table tr:hover td,

.table-wrapper tr:nth-child(even) th,

.table-wrapper tr:nth-child(even) td,

.table-wrapper tr:hover th,

.table-wrapper tr:hover td{

  background:#141414 !important;

  border-color:rgba(0,0,0,.2) !important;

}

.table-wrapper--cards thead th,

.table-wrapper thead th{

  background:#141414 !important;

  border-color:rgba(0,0,0,.2) !important;

}

/* Kill leftover Casinozer red/magenta table lines */

.table-wrapper,

.table-wrapper--cards,

main table,

main table th,

main table td,

.shell > main table,

.shell > main table th,

.shell > main table td{

  border-image:none !important;

}

.shell > main .table-wrapper::before,

.shell > main .table-wrapper::after,

.table-wrapper::before,

.table-wrapper::after,

main table::before,

main table::after{

  display:none !important;

  background:transparent !important;

}



/* Game title bars ? soft orange (not neon) */

.popular-games__meta,

.popular-games__card .popular-games__meta,

.card .info,

:is(.shell > main, main) a.card .info{

  background:#018af9 !important;

  background-image:none !important;

  color:#2a1a10 !important;

  border:none !important;

  box-shadow:none !important;

}

.popular-games__title,

:is(.shell > main, main) .popular-games__title,

.card .info .title,

:is(.shell > main, main) a.card .info .title,

.card .info .vendor,

:is(.shell > main, main) a.card .info .vendor,

.card .info :is(p, span){

  color:#2a1a10 !important;

  text-shadow:none !important;

}



/* Cards / frames / updated box on teal page */

.frame,

.banner-wrap,

.popular-games__card,

.card,

.prov,

.offers-panel,

.login-banner-block{

  border-color:rgba(0,0,0,.16) !important;

}

#updatedBox{

  background:linear-gradient(180deg,#1a1a1a,#141414) !important;

  border:1px solid rgba(0,0,0,.2) !important;

}



/* Final: kill red table borders + soft orange lock */

.shell > main .table-wrapper,

.shell > main .table-wrapper--cards,

.shell > main table,

main .table-wrapper,

main .table-wrapper--cards,

main table{

  --table-border:rgba(0,0,0,.2) !important;

  border:1px solid rgba(0,0,0,.22) !important;

  outline:none !important;

  box-shadow:none !important;

}

.shell > main table th,

.shell > main table td,

main table th,

main table td,

.table-wrapper th,

.table-wrapper td,

.table-wrapper--cards th,

.table-wrapper--cards td{

  border:1px solid rgba(0,0,0,.2) !important;

  border-color:rgba(0,0,0,.2) !important;

  background-color:#1a1a1a !important;

  color:#fff !important;

}

.shell > main table tr + tr th,

.shell > main table tr + tr td,

main table tr + tr th,

main table tr + tr td{

  border-top:1px solid rgba(0,0,0,.2) !important;

}

.aside .nav a,

.drawer .nav a,

.btn--login,

.btn--reg,

.pulse-btn,

.vmore-btn,

.ft-btn,

.game-play-btn,

.popular-games__meta,

.card .info{

  background-color:#018af9 !important;

  background-image:none !important;

}



/* Absolute final polish ? chips clean dark green, facts table no red */

.chips,

.shell .chips{

  background:transparent !important;

  border:none !important;

  box-shadow:none !important;

}

.chip,

.shell .chips a.chip,

a.chip{

  background:#1a1a1a !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border:1px solid rgba(0,0,0,.18) !important;

  box-shadow:0 2px 0 rgba(0,0,0,.12) !important;

}

.chip::before,

.chip::after,

.shell .chips a.chip::before,

.shell .chips a.chip::after,

a.chip::before,

a.chip::after{

  display:none !important;

  background:transparent !important;

  content:none !important;

}

.chip .chip-txt,

.chip .chip-ico,

.chip .chip-ico svg,

.shell .chips a.chip .chip-txt{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  stroke:currentColor !important;

}



:is(#facts, #bonuses, #payments) table,

:is(#facts, #bonuses, #payments) .table-wrapper,

#facts table,

#facts .table-wrapper{

  background:#1a1a1a !important;

  border:1px solid rgba(0,0,0,.22) !important;

}

:is(#facts, #bonuses) tbody th,

:is(#facts, #bonuses) tbody td,

#payments table th,

#payments table td,

#facts table th,

#facts table td,

table th,

table td{

  background:#1a1a1a !important;

  color:#ffffff !important;

  border:1px solid rgba(0,0,0,.2) !important;

  border-top:1px solid rgba(0,0,0,.2) !important;

  border-right:1px solid rgba(0,0,0,.2) !important;

  border-bottom:1px solid rgba(0,0,0,.2) !important;

  border-left:1px solid rgba(0,0,0,.2) !important;

}

:is(#facts, #bonuses) tr:nth-child(even) th,

:is(#facts, #bonuses) tr:nth-child(even) td,

#facts tr:nth-child(even) th,

#facts tr:nth-child(even) td{

  background:#141414 !important;

}



/* === Cresus fix: table hover green, no red lines, stable sidebar, dark-green aside/chips === */

:root{

  --table-border:rgba(0,0,0,.22) !important;

  --table-label-bg:#1a1a1a !important;

  --table-value-bg:#1a1a1a !important;

  --table-hover-label:#141414 !important;

  --table-hover-value:#141414 !important;

  --table-head-bg:#141414 !important;

}



/* Aside/drawer panel = same dark green as table */

.aside,

.shell > .aside,

.drawer,

.drawer .dnav{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.18) !important;

  box-shadow:none !important;

}



/* Sidebar pills: soft orange, NO layout jump on hover */

.aside .nav a,

.drawer .nav a,

.aside .nav a:hover,

.drawer .nav a:hover,

.aside .nav a.is-active,

.drawer .nav a.is-active,

.aside .nav a:focus-visible,

.drawer .nav a:focus-visible{

  background:#018af9 !important;

  background-image:none !important;

  color:#2a1a10 !important;

  -webkit-text-fill-color:#2a1a10 !important;

  border:0 solid transparent !important;

  border-radius:999px !important;

  box-shadow:0 2px 0 rgba(0,0,0,.14) !important;

  outline:none !important;

  transform:none !important;

  filter:none !important;

  transition:background-color .15s ease !important;

  margin:0 !important;

}

.aside .nav a:hover,

.drawer .nav a:hover,

.aside .nav a.is-active,

.drawer .nav a.is-active{

  background:#3ba0ff !important;

  transform:none !important;

  filter:none !important;

  box-shadow:0 2px 0 rgba(0,0,0,.14) !important;

  border:0 solid transparent !important;

}

.aside .nav a::before,

.drawer .nav a::before,

.aside .nav a::after,

.drawer .nav a::after,

.aside .nav a:hover::before,

.drawer .nav a:hover::before,

.aside .nav a:hover::after,

.drawer .nav a:hover::after,

.aside .nav a.is-active::before,

.drawer .nav a.is-active::before,

.aside .nav a.is-active::after,

.drawer .nav a.is-active::after{

  content:none !important;

  display:none !important;

  width:0 !important;

  height:0 !important;

  opacity:0 !important;

  background:transparent !important;

  box-shadow:none !important;

  border:none !important;

  transform:none !important;

}



/* Chips = table dark green */

.chips,

.shell .chips{

  background:transparent !important;

  border:none !important;

}

.chip,

.shell .chips a.chip,

a.chip,

.chip:hover,

.chip:focus-visible{

  background:#1a1a1a !important;

  background-image:none !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border:1px solid rgba(0,0,0,.18) !important;

  box-shadow:0 2px 0 rgba(0,0,0,.12) !important;

  transform:none !important;

  filter:none !important;

}

.chip::before,

.chip::after,

.shell .chips a.chip::before,

.shell .chips a.chip::after,

a.chip::before,

a.chip::after{

  content:none !important;

  display:none !important;

  background:transparent !important;

}

.chip .chip-txt,

.chip .chip-ico,

.chip .chip-ico svg,

.chip:hover .chip-txt,

.chip:hover .chip-ico{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  stroke:currentColor !important;

  filter:none !important;

}



/* Tables: dark green always, including hover ? kill red/magenta */

.table-wrapper,

.table-wrapper--cards,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

main .table-wrapper,

main table,

.shell > main table{

  background:#1a1a1a !important;

  border:1px solid rgba(0,0,0,.22) !important;

  outline:none !important;

  box-shadow:none !important;

}

.table-wrapper th,

.table-wrapper td,

.table-wrapper tbody th,

.table-wrapper tbody td,

#facts table th,

#facts table td,

#bonuses table th,

#bonuses table td,

#payments table th,

#payments table td,

main table th,

main table td,

table th,

table td,

.table-wrapper tbody tr:hover th,

.table-wrapper tbody tr:hover td,

#facts .table-wrapper tbody tr:hover th,

#facts .table-wrapper tbody tr:hover td,

#facts .table-wrapper tbody tr:hover :is(td,th):first-child,

#facts .table-wrapper tbody tr:hover th[scope="row"],

#facts .table-wrapper tbody tr:hover > *:not(:first-child),

#bonuses .table-wrapper tbody tr:hover th,

#bonuses .table-wrapper tbody tr:hover td,

#bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,

#bonuses .table-wrapper tbody tr:hover th[scope="row"],

#payments .table-wrapper tbody tr:hover th,

#payments .table-wrapper tbody tr:hover td,

#payments .table-wrapper tbody tr:hover :is(td,th):first-child,

#payments .table-wrapper tbody tr:hover th[scope="row"],

main .table-wrapper tbody tr:hover th,

main .table-wrapper tbody tr:hover td,

main .table-wrapper tbody tr:hover :is(td,th):first-child,

main .table-wrapper tbody tr:hover th[scope="row"],

main .table-wrapper tbody tr:hover > *:not(:first-child),

.table-wrapper tbody tr:hover :is(td,th):first-child,

.table-wrapper tbody tr:hover th[scope="row"],

.table-wrapper tbody tr:hover > *:not(:first-child),

:is(#facts, #bonuses) tr:last-child td,

:is(#facts, #bonuses) tr:last-child th,

table tbody tr:last-child td,

table tbody tr:last-child th{

  background:#1a1a1a !important;

  background-image:none !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border:1px solid rgba(0,0,0,.2) !important;

  border-color:rgba(0,0,0,.2) !important;

  border-top-color:rgba(0,0,0,.2) !important;

  border-right-color:rgba(0,0,0,.2) !important;

  border-bottom-color:rgba(0,0,0,.2) !important;

  border-left-color:rgba(0,0,0,.2) !important;

  outline:none !important;

  box-shadow:none !important;

}

/* Slightly darker green on hover ? never black */

#facts .table-wrapper tbody tr:hover th,

#facts .table-wrapper tbody tr:hover td,

#bonuses .table-wrapper tbody tr:hover th,

#bonuses .table-wrapper tbody tr:hover td,

#payments .table-wrapper tbody tr:hover th,

#payments .table-wrapper tbody tr:hover td,

main .table-wrapper tbody tr:hover th,

main .table-wrapper tbody tr:hover td,

.table-wrapper tbody tr:hover th,

.table-wrapper tbody tr:hover td{

  background:#141414 !important;

  border-color:rgba(0,0,0,.22) !important;

}



/* Hard lock: chips frame = thin blue like sidebar */

.chips,

.shell .chips{

  background:#0d0d0d !important;

  border:1px solid #018af9 !important;

  box-shadow:0 4px 16px rgba(0,0,0,.28), 0 0 0 1px rgba(1,138,249,.2) !important;

}

.chip,

.shell .chips a.chip,

a.chip,

.chip:link,

.chip:visited,

.chip:hover,

.chip:active,

.chip:focus-visible{

  background:#1a1a1a !important;

  background-image:none !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border:1px solid rgba(0,0,0,.2) !important;

  box-shadow:0 2px 0 rgba(0,0,0,.12) !important;

}

.chip::before,

.chip::after,

.shell .chips a.chip::before,

.shell .chips a.chip::after,

a.chip::before,

a.chip::after{

  content:none !important;

  display:none !important;

  background:none !important;

}

.chip .chip-txt,

.chip .chip-ico,

.chip .chip-ico svg,

.chip:hover .chip-txt,

.chip:hover .chip-ico,

.chip:hover .chip-ico svg{

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  stroke:#ffffff !important;

  filter:none !important;

}



.table-wrapper :is(th,td),

.table-wrapper--cards :is(th,td),

#facts .table-wrapper :is(th,td),

#bonuses .table-wrapper :is(th,td),

#payments .table-wrapper :is(th,td),

main .table-wrapper :is(th,td),

main table :is(th,td),

table :is(th,td){

  border-color:rgba(0,0,0,.28) !important;

  border-top-color:rgba(0,0,0,.28) !important;

  border-right-color:rgba(0,0,0,.28) !important;

  border-bottom-color:rgba(0,0,0,.28) !important;

  border-left-color:rgba(0,0,0,.28) !important;

}



/* CHIPS BAR: dark track + dark-green pills (table green) */

:root{

  --chip-btn-face:#1a1a1a !important;

  --chip-btn-hover:#141414 !important;

  --chip-green-face:#1a1a1a !important;

  --chip-green-frame:#141414 !important;

}



.chips,

.shell .chips,

main .chips,

.shell > main .chips{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.35) !important;

  border-radius:999px !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28) !important;

  padding:10px 14px !important;

}



.chip,

a.chip,

.shell .chips a.chip,

main .chips a.chip,

.shell .chips a.chip:link,

.shell .chips a.chip:visited,

.shell .chips a.chip:hover,

.shell .chips a.chip:active,

.shell .chips a.chip:focus-visible,

.chip:link,

.chip:visited,

.chip:hover,

.chip:active,

.chip:focus-visible{

  background:#018af9 !important;

  background-color:#018af9 !important;

  background-image:none !important;

  color:#2a1a10 !important;

  -webkit-text-fill-color:#2a1a10 !important;

  border:1px solid rgba(0,0,0,.25) !important;

  border-radius:999px !important;

  box-shadow:0 2px 0 rgba(0,0,0,.25) !important;

  filter:none !important;

  transform:none !important;

}



.chip::after,

a.chip::after,

.shell .chips a.chip::after,

main .chips a.chip::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:0 !important;

  opacity:1 !important;

  visibility:visible !important;

  width:auto !important;

  height:auto !important;

  border-radius:inherit !important;

  background:#1a1a1a !important;

  background-image:none !important;

  box-shadow:none !important;

  z-index:-2 !important;

  pointer-events:none !important;

}

.chip::before,

a.chip::before,

.shell .chips a.chip::before,

main .chips a.chip::before{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  inset:2px !important;

  opacity:1 !important;

  visibility:visible !important;

  width:auto !important;

  height:auto !important;

  border-radius:inherit !important;

  background:#018af9 !important;

  background-image:none !important;

  box-shadow:none !important;

  z-index:-1 !important;

  pointer-events:none !important;

}



@media (hover:hover){

  .chip:hover,

  a.chip:hover,

  .shell .chips a.chip:hover,

  main .chips a.chip:hover{

    background:#3ba0ff !important;

    background-color:#3ba0ff !important;

    filter:none !important;

    transform:none !important;

  }

  .chip:hover::before,

  .shell .chips a.chip:hover::before{

    background:#3ba0ff !important;

  }

  .chip:hover::after,

  .shell .chips a.chip:hover::after{

    background:#1a1a1a !important;

  }

}



.chip .chip-txt,

.chip .chip-ico,

.chip .chip-ico svg,

.shell .chips a.chip .chip-txt,

.shell .chips a.chip .chip-ico,

.shell .chips a.chip .chip-ico svg,

.chip:hover .chip-txt,

.chip:hover .chip-ico,

.chip:hover .chip-ico svg,

.shell .chips a.chip:hover .chip-txt,

.shell .chips a.chip:hover .chip-ico,

  .shell .chips a.chip:hover .chip-ico svg{

  color:#2a1a10 !important;

  -webkit-text-fill-color:#2a1a10 !important;

  stroke:#2a1a10 !important;

  filter:none !important;

  position:relative !important;

  z-index:1 !important;

}

/* ========== ALL SITE TABLES ? screenshot green palette ========== */

:root{

  --table-label-bg:#1a1a1a !important;

  --table-value-bg:#1a1a1a !important;

  --table-hover-label:#141414 !important;

  --table-hover-value:#141414 !important;

  --table-head-bg:#141414 !important;

  --table-border:rgba(0,0,0,.28) !important;

}



.table-wrapper,

.table-wrapper--cards,

.table-wrapper--scroll,

.shell .table-wrapper,

.shell .table-wrapper--cards,

main .table-wrapper,

main .table-wrapper--cards,

main .legal-doc .table-wrapper,

#facts .table-wrapper,

#bonuses .table-wrapper,

#payments .table-wrapper,

.acceso-page .table-wrapper,

.bonus-landing .table-wrapper{

  background:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-radius:14px !important;

  overflow:hidden !important;

  box-shadow:none !important;

  padding:0 !important;

}



.table-wrapper table,

.table-wrapper--cards table,

.table-wrapper--scroll table,

main .table-wrapper table,

main .legal-doc .table-wrapper table,

#facts table,

#bonuses table,

#payments table,

main table,

.shell > main table,

body table{

  width:100% !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#1a1a1a !important;

  background-image:none !important;

  border:0 !important;

  color:#ffffff !important;

}



.table-wrapper :is(th,td),

.table-wrapper--cards :is(th,td),

.table-wrapper thead th,

.table-wrapper tbody th,

.table-wrapper tbody td,

main .table-wrapper :is(th,td),

main .legal-doc .table-wrapper :is(th,td),

#facts .table-wrapper :is(th,td),

#bonuses .table-wrapper :is(th,td),

#payments .table-wrapper :is(th,td),

#facts table :is(th,td),

#bonuses table :is(th,td),

#payments table :is(th,td),

main table :is(th,td),

.shell > main table :is(th,td),

body table :is(th,td),

table :is(th,td),

table thead th,

table tbody th,

table tbody td{

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-color:rgba(0,0,0,.28) !important;

  border-top-color:rgba(0,0,0,.28) !important;

  border-right-color:rgba(0,0,0,.28) !important;

  border-bottom-color:rgba(0,0,0,.28) !important;

  border-left-color:rgba(0,0,0,.28) !important;

  outline:none !important;

  box-shadow:none !important;

}



.table-wrapper tbody tr,

.table-wrapper tbody tr:nth-child(even),

.table-wrapper tbody tr:nth-child(odd),

main table tbody tr,

main table tbody tr:nth-child(even),

body table tbody tr:nth-child(even){

  background:#1a1a1a !important;

}



.table-wrapper tbody tr:hover,

.table-wrapper tbody tr:hover :is(th,td),

.table-wrapper tbody tr:hover :is(td,th):first-child,

.table-wrapper tbody tr:hover th[scope="row"],

.table-wrapper tbody tr:hover > *:not(:first-child),

#facts .table-wrapper tbody tr:hover :is(th,td),

#bonuses .table-wrapper tbody tr:hover :is(th,td),

#payments .table-wrapper tbody tr:hover :is(th,td),

main .table-wrapper tbody tr:hover :is(th,td),

main table tbody tr:hover :is(th,td),

body table tbody tr:hover :is(th,td){

  background:#141414 !important;

  background-color:#141414 !important;

  background-image:none !important;

  border-color:rgba(0,0,0,.28) !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}



.table-wrapper tbody tr:last-child :is(th,td),

main table tbody tr:last-child :is(th,td),

body table tbody tr:last-child :is(th,td){

  border:1px solid rgba(0,0,0,.28) !important;

  border-bottom:1px solid rgba(0,0,0,.28) !important;

}



@media (max-width:768px){

  .table-wrapper--cards tbody th[scope="row"],

  .table-wrapper--cards tbody td{

    background:#1a1a1a !important;

    border:1px solid rgba(0,0,0,.28) !important;

    color:#ffffff !important;

  }

}



/* Sidebar/drawer page icons ? always black */

.aside .nav a .nav-ico,

.drawer .nav a .nav-ico,

.aside .nav a svg.nav-ico,

.drawer .nav a svg.nav-ico,

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico,

.aside .nav a:hover .nav-ico,

.drawer .nav a:hover .nav-ico,

.aside .nav a.is-active .nav-ico,

.drawer .nav a.is-active .nav-ico,

.aside .nav a:hover svg.nav-ico,

.drawer .nav a:hover svg.nav-ico,

.aside .nav a.is-active svg.nav-ico,

.drawer .nav a.is-active svg.nav-ico,

.aside .nav a:hover img.nav-ico,

.drawer .nav a:hover img.nav-ico,

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  color:#000000 !important;

  stroke:#000000 !important;

  fill:none !important;

  opacity:1 !important;

  filter:none !important;

}

/* Raster icons (home/bonus/app/games) > black silhouette */

.aside .nav a img.nav-ico,

.drawer .nav a img.nav-ico,

.aside .nav a:hover img.nav-ico,

.drawer .nav a:hover img.nav-ico,

.aside .nav a.is-active img.nav-ico,

.drawer .nav a.is-active img.nav-ico{

  filter:brightness(0) !important;

  opacity:1 !important;

}

.aside .nav a svg.nav-ico path,

.drawer .nav a svg.nav-ico path,

.aside .nav a svg.nav-ico circle,

.drawer .nav a svg.nav-ico circle,

.aside .nav a svg.nav-ico rect,

.drawer .nav a svg.nav-ico rect,

.aside .nav a svg.nav-ico line,

.drawer .nav a svg.nav-ico line{

  stroke:#000000 !important;

  fill:none !important;

  color:#000000 !important;

}



/* CHIPS ? flat, no 3D volume */

.chips,

.shell .chips,

main .chips,

.shell > main .chips{

  background:#1a1a1a !important;

  box-shadow:none !important;

  border:1px solid rgba(0,0,0,.2) !important;

}



.chip,

a.chip,

.shell .chips a.chip,

main .chips a.chip,

.shell .chips a.chip:link,

.shell .chips a.chip:visited,

.shell .chips a.chip:hover,

.shell .chips a.chip:active,

.shell .chips a.chip:focus-visible,

.chip:link,

.chip:visited,

.chip:hover,

.chip:active,

.chip:focus-visible{

  background:#018af9 !important;

  background-color:#018af9 !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.18) !important;

  border-radius:999px !important;

  box-shadow:none !important;

  filter:none !important;

  transform:none !important;

  text-shadow:none !important;

}



/* Kill layered 3D faces */

.chip::before,

.chip::after,

a.chip::before,

a.chip::after,

.shell .chips a.chip::before,

.shell .chips a.chip::after,

main .chips a.chip::before,

main .chips a.chip::after,

.chip:hover::before,

.chip:hover::after,

.shell .chips a.chip:hover::before,

.shell .chips a.chip:hover::after{

  content:none !important;

  display:none !important;

  opacity:0 !important;

  visibility:hidden !important;

  background:none !important;

  box-shadow:none !important;

  inset:auto !important;

  width:0 !important;

  height:0 !important;

}



@media (hover:hover){

  .chip:hover,

  a.chip:hover,

  .shell .chips a.chip:hover,

  main .chips a.chip:hover{

    background:#3ba0ff !important;

    box-shadow:none !important;

    filter:none !important;

    transform:none !important;

  }

}



.chip .chip-ico,

.chip .chip-ico svg,

.chip:hover .chip-ico,

.chip:hover .chip-ico svg{

  filter:none !important;

}



/* Home hero banner: no thick black frame ? thin orange outline only */

body.page-home .frame.frame--home-hero,

body.app-page .frame.frame--home-hero,

body.bonus-page .frame.frame--home-hero{

  padding:0 !important;

  background:transparent !important;

  background-image:none !important;

  border:none !important;

  box-shadow:none !important;

  outline:none !important;

}

body.page-home .frame.frame--home-hero::before,

body.app-page .frame.frame--home-hero::before,

body.bonus-page .frame.frame--home-hero::before{

  display:none !important;

  content:none !important;

}

body.page-home .home-hero .banner.banner--promo-hero,

body.app-page .home-hero .banner.banner--promo-hero,

body.bonus-page .home-hero .banner.banner--promo-hero,

body.page-home .home-hero__link picture,

body.page-home .banner-wrap--image-only{

  box-shadow:none !important;

}

body.page-home .home-hero .banner.banner--promo-hero,

body.app-page .home-hero .banner.banner--promo-hero,

body.bonus-page .home-hero .banner.banner--promo-hero{

  border:1px solid #018af9 !important;

  border-radius:14px !important;

  box-shadow:none !important;

  outline:none !important;

}

body.page-home .home-hero__link:focus-visible{

  outline:2px solid #018af9 !important;

  outline-offset:2px !important;

}

@media (max-width:768px){

  body.page-home .frame.frame--home-hero,

  body.app-page .frame.frame--home-hero,

  body.bonus-page .frame.frame--home-hero{ padding:0 !important; }

}



/* Sidebar: thin strip between main pages and legal */

.aside .nav .sep,

.drawer .nav .sep{

  display:block !important;

  height:2px !important;

  margin:10px 10px !important;

  padding:0 !important;

  border:0 !important;

  border-top:none !important;

  border-bottom:none !important;

  background:rgba(0,0,0,.28) !important;

  opacity:1 !important;

  list-style:none !important;

  pointer-events:none !important;

}



/* Login lead: balanced two-column layout without dead space */

body.acceso-page #login-guide .login-flow{

  display:grid;

  grid-template-columns:minmax(0, 1fr) minmax(250px, 320px);

  gap:24px 32px;

  align-items:start;

}

body.acceso-page #login-guide .login-flow::after{

  content:none;

  display:none;

}

body.acceso-page #login-guide .login-banner-block{

  float:none;

  grid-column:2;

  grid-row:1;

  width:100%;

  margin:0;

}

body.acceso-page #login-guide .login-flow__side{

  grid-column:1;

  grid-row:1;

}

body.acceso-page #login-guide .login-flow__full{

  grid-column:1 / -1;

  clear:none;

  padding-top:0;

}

body.acceso-page #login-guide .login-summary-list{

  display:grid;

  grid-template-columns:repeat(2, minmax(0, 1fr));

  gap:8px 24px;

  margin:4px 0 20px;

  padding-left:20px;

}

body.acceso-page #login-guide .login-summary-list li{

  margin:0;

}

body.acceso-page #login-guide .login-guide-map{

  margin-top:18px;

  padding:18px 20px;

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.22);

  border-radius:12px;

}

body.acceso-page #login-guide .login-guide-map h2{

  margin:0 0 12px;

}

body.acceso-page #login-guide .login-guide-map ul{

  display:grid;

  grid-template-columns:repeat(2, minmax(0, 1fr));

  gap:8px 24px;

  margin:0;

  padding-left:20px;

}

body.acceso-page #login-guide .login-guide-map li{

  margin:0;

}

@media (max-width:860px){

  body.acceso-page #login-guide .login-flow{

    grid-template-columns:1fr;

    gap:20px;

  }

  body.acceso-page #login-guide .login-banner-block,

  body.acceso-page #login-guide .login-flow__side,

  body.acceso-page #login-guide .login-flow__full{

    grid-column:1;

    grid-row:auto;

  }

  body.acceso-page #login-guide .login-banner-block{

    width:min(320px, 100%);

    margin:0 auto;

  }

}

@media (max-width:560px){

  body.acceso-page #login-guide .login-summary-list,

  body.acceso-page #login-guide .login-guide-map ul{

    grid-template-columns:1fr;

  }

}



/* Every content table uses the same teal palette */

body .table-wrapper,

body main .table-wrapper,

body main .legal-doc .table-wrapper{

  background:#1a1a1a !important;

  border:1px solid rgba(0,0,0,.28) !important;

  border-radius:14px !important;

  box-shadow:none !important;

  overflow:hidden !important;

  padding:0 !important;

}

body .table-wrapper table,

body main table,

body .table-wrapper :is(thead,tbody,tr),

body main table :is(thead,tbody,tr){

  background:#1a1a1a !important;

  background-image:none !important;

}

body .table-wrapper :is(th,td),

body main table :is(th,td){

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border:1px solid rgba(0,0,0,.28) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body .table-wrapper tbody tr:hover :is(th,td),

body main table tbody tr:hover :is(th,td){

  background:#141414 !important;

  background-color:#141414 !important;

}



/* ===== Cresus App page (1xbet-style structure, site palette) ===== */

body.app-page #app-guide{

  width:100%;

  max-width:min(1100px,100%);

  box-sizing:border-box;

}

body.app-page .app-tag{

  display:inline-block;

  margin:1.75rem 0 .55rem;

  padding:4px 12px;

  border-radius:999px;

  border:1px solid rgba(1, 138, 249,.55);

  background:rgba(1, 138, 249,.18);

  color:#fff;

  font-size:12px;

  font-weight:700;

  letter-spacing:.04em;

}

body.app-page .app-hero-meta{

  margin:0 0 1.5rem;

}

body.app-page .app-hero-meta__row{

  display:flex;

  flex-wrap:wrap;

  gap:10px 18px;

  margin:0 0 12px;

  font-size:.95rem;

}

body.app-page .app-trust-list{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:6px 20px;

  margin:0 0 16px;

  padding-left:18px;

}

body.app-page .app-dl-row{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

  justify-content:center;

  margin:18px 0;

}

body.app-page .app-dl-row .pulse-btn{

  margin:0;

}

body.app-page .app-toc{

  width:100%;

  max-width:100%;

  box-sizing:border-box;

  margin:1.25rem 0 1.75rem;

  padding:16px 18px;

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.22);

  border-radius:12px;

}

body.app-page .app-toc__title{

  margin:0 0 10px;

  font-size:1.15rem;

}

body.app-page .app-toc ol{ margin:0; padding-left:1.2rem; }

body.app-page .app-toc li{ margin:.35rem 0; }

body.app-page .app-toc ul{ margin:.25rem 0 .5rem; padding-left:1.1rem; }



body.app-page .app-shots{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:14px;

  margin:16px 0 24px;

}

body.app-page .app-shots--pair{

  grid-template-columns:repeat(2,minmax(0,1fr));

  max-width:560px;

}

body.app-page .app-shot{

  margin:0;

  min-height:220px;

  border-radius:16px;

  border:1px dashed rgba(255,255,255,.35);

  background:rgba(0,0,0,.12);

  display:flex;

  align-items:flex-end;

  justify-content:center;

  padding:12px;

}

body.app-page .app-shot figcaption{

  text-align:center;

  font-size:.85rem;

  opacity:.9;

}

body.app-page .app-eco-grid,

body.app-page .app-feature-grid,

body.app-page .app-bonus-grid,

body.app-page .app-install-grid,

body.app-page .app-req-grid{

  display:grid;

  gap:14px;

  margin:14px 0 22px;

}

body.app-page .app-eco-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }

body.app-page .app-feature-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }

body.app-page .app-bonus-grid,

body.app-page .app-install-grid,

body.app-page .app-req-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }



body.app-page .app-eco-card,

body.app-page .app-feature-card,

body.app-page .app-bonus-card,

body.app-page .app-install-card,

body.app-page .app-install-panel{

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.22);

  border-radius:14px;

  padding:16px 18px;

  color:#fff;

  text-decoration:none;

}

body.app-page a.app-eco-card:hover{

  background:#141414;

}

body.app-page .app-eco-card__label{

  display:block;

  font-size:.8rem;

  opacity:.85;

  margin-bottom:6px;

}

body.app-page .app-eco-card__title{

  display:block;

  font-weight:800;

  font-size:1.05rem;

  text-decoration:underline;

  text-underline-offset:3px;

  color:#018af9;

}

body.app-page .app-feature-card h3,

body.app-page .app-bonus-card h3,

body.app-page .app-install-card h3,

body.app-page .app-install-panel h3{

  margin-top:0;

}

body.app-page .app-feature-card ul,

body.app-page .app-bonus-card ul{

  margin:0;

  padding-left:1.1rem;

}

body.app-page .app-bonus-card__sub{

  font-weight:700;

  margin:.25rem 0 .75rem;

}

body.app-page .app-check{

  list-style:none;

  padding-left:0;

}

body.app-page .app-check li{

  position:relative;

  padding-left:1.65rem;

  margin:.4rem 0;

}

body.app-page .app-check li::before{

  content:"\2713";

  position:absolute;

  left:0;

  top:.18em;

  display:flex;

  width:15px;

  height:15px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:2px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:10px;

  line-height:1;

  font-weight:800;

}

body.app-page .app-note{

  opacity:.92;

  font-size:.95rem;

}

body.app-page details.app-steps{

  margin:12px 0;

  padding:10px 12px;

  border:1px solid rgba(0,0,0,.2);

  border-radius:10px;

  background:rgba(0,0,0,.1);

}

body.app-page details.app-steps > summary{

  cursor:pointer;

  font-weight:700;

  list-style:none;

}

body.app-page details.app-steps > summary::-webkit-details-marker{ display:none; }

body.app-page details.app-steps > summary::after{

  content:" v";

  color:#018af9;

}

@media (max-width:900px){

  body.app-page .app-feature-grid,

  body.app-page .app-eco-grid,

  body.app-page .app-shots{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }

}

@media (max-width:640px){

  body.app-page .app-feature-grid,

  body.app-page .app-eco-grid,

  body.app-page .app-bonus-grid,

  body.app-page .app-install-grid,

  body.app-page .app-req-grid,

  body.app-page .app-shots,

  body.app-page .app-shots--pair,

  body.app-page .app-trust-list{

    grid-template-columns:1fr;

  }

}



/* App reference layout, using the Cresus colour palette */

body.app-page .shell > main{

  overflow:visible;

}

body.app-page .app-top-hero{

  display:grid;

  grid-template-columns:minmax(0, 1.45fr) minmax(300px, .9fr);

  gap:34px;

  align-items:stretch;

  width:min(1100px, 100%);

  margin:0 auto 22px;

  padding:28px 30px;

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.25);

  border-radius:16px;

  box-shadow:none;

}

body.app-page .app-top-hero .page-title{

  margin:0 0 26px;

  padding:0;

  text-align:left;

  font-size:clamp(30px, 4.5vw, 52px);

  line-height:1.05;

  letter-spacing:.01em;

  color:#fff;

  -webkit-text-fill-color:#fff;

  background:none;

  text-shadow:none;

}

body.app-page .app-top-hero__content{

  display:flex;

  flex-direction:column;

  min-width:0;

}

body.app-page .app-top-hero__content > p{

  max-width:650px;

  margin:0 0 8px;

  line-height:1.55;

}

body.app-page .app-rating{

  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:9px;

  margin:16px 0 32px;

}

body.app-page .app-rating > strong{

  font-size:1.25rem;

}

body.app-page .app-rating__stars{

  display:inline-flex;

  align-items:center;

  font-size:1.45rem;

  letter-spacing:2px;

  line-height:1;

  white-space:nowrap;

}

body.app-page .app-rating__stars-full{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-shadow:none !important;

}

body.app-page .app-rating__star-partial{

  position:relative;

  display:inline-block;

  line-height:1;

  letter-spacing:0;

}

body.app-page .app-rating__star-outline{

  display:block;

  color:#FFFFFF !important;

  -webkit-text-fill-color:#FFFFFF !important;

  -webkit-text-stroke:0;

  text-shadow:none !important;

}

body.app-page .app-rating__star-fill{

  position:absolute;

  top:0;

  left:0;

  width:50%;

  overflow:hidden;

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  white-space:nowrap;

  text-shadow:none !important;

}

body.app-page .app-dl-row--hero{

  justify-content:flex-start;

  margin:auto 0 20px;

}

body.app-page .app-top-hero .app-hero-meta__row{

  gap:8px 18px;

  margin:0;

  color:rgba(255,255,255,.85);

  font-size:.82rem;

}

body.app-page .app-top-hero .app-hero-meta__row span{

  position:relative;

  padding-left:12px;

}

body.app-page .app-top-hero .app-hero-meta__row span::before{

  content:"";

  position:absolute;

  left:0;

  top:.55em;

  width:6px;

  height:6px;

  border-radius:50%;

  background:#018af9;

}

body.app-page .app-top-hero__media{

  position:relative;

  min-height:300px;

  overflow:hidden;

  display:flex;

  align-items:stretch;

  justify-content:stretch;

  padding:0;

  background:#0d0d0d;

  border:1px solid #018af9;

  border-radius:16px;

}

body.app-page .app-top-hero__media img{

  display:block;

  width:100%;

  height:100%;

  min-height:300px;

  object-fit:cover;

  object-position:center;

}



/* Reference-like content panels without changing the site palette */

body.app-page .app-toc,

body.app-page .app-eco-card,

body.app-page .app-feature-card,

body.app-page .app-bonus-card,

body.app-page .app-install-card,

body.app-page .app-install-panel{

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.26);

  box-shadow:none;

}

body.app-page .app-feature-card,

body.app-page .app-bonus-card{

  min-height:220px;

  padding:24px 26px;

}

body.app-page .app-install-panel{

  padding:24px 26px;

}

body.app-page .app-tag{

  border-color:#018af9 !important;

  background:#018af9 !important;

  background-color:#018af9 !important;

  background-image:none !important;

  color:#2A1A10 !important;

  -webkit-text-fill-color:#2A1A10 !important;

  box-shadow:none !important;

}

body.app-page .app-shot{

  min-height:260px;

  background:#1a1a1a;

  border:1px dashed #018af9;

}



@media (max-width:860px){

  body.app-page .app-top-hero{

    grid-template-columns:1fr;

  }

  body.app-page .app-top-hero__media{

    min-height:280px;

  }

}

@media (max-width:560px){

  body.app-page .app-top-hero{

    padding:22px 18px;

  }

  body.app-page .app-top-hero .page-title{

    margin-bottom:18px;

  }

  body.app-page .app-rating{

    margin-bottom:22px;

  }

  body.app-page .app-dl-row--hero{

    flex-direction:column;

    align-items:stretch;

  }

  body.app-page .app-dl-row--hero .pulse-btn{

    width:100%;

    text-align:center;

  }

}



/* App specs block: reference structure in the Cresus palette */

body.app-page #app-specs{

  margin-top:0;

}

body.app-page .app-specs-table{

  margin:18px 0 12px !important;

  border-radius:0 !important;

  border-color:rgba(0,0,0,.34) !important;

}

body.app-page .app-specs-table thead th{

  background:#141414 !important;

  background-color:#141414 !important;

  font-weight:800 !important;

  text-align:center !important;

}

body.app-page .app-specs-table tbody th,

body.app-page .app-specs-table tbody td{

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

}

body.app-page .app-overview-table{

  margin:0 0 26px !important;

  border-radius:0 !important;

  background:#141414 !important;

}

body.app-page .app-overview-table table,

body.app-page .app-overview-table tbody,

body.app-page .app-overview-table tr,

body.app-page .app-overview-table th,

body.app-page .app-overview-table td{

  background:#141414 !important;

  background-color:#141414 !important;

}

body.app-page .app-info-grid,

body .facts-info-section .app-info-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:24px;

  margin:22px 0 26px;

}

body.app-page .app-info-card,

body .facts-info-section .app-info-card{

  min-width:0;

  padding:26px 22px 20px;

  background:#0d0d0d;

  border:1px solid #1a1a1a;

  border-radius:12px;

  box-shadow:none;

}

body.app-page #app-guide .app-info-card > h3,

body .facts-info-section .app-info-card > h3{

  margin:0 0 16px;

  font-family:Antonio, sans-serif;

  font-size:clamp(32px,3.5vw,42px);

  line-height:1;

  font-weight:600;

  color:#fff;

}

body.app-page .app-info-card__table,

body .facts-info-section .app-info-card__table{

  margin:0 !important;

  border:0 !important;

  border-radius:0 !important;

  background:transparent !important;

}

body.app-page .app-info-card__table table,

body.app-page .app-info-card__table tbody,

body.app-page .app-info-card__table tr,

body .facts-info-section .app-info-card__table table,

body .facts-info-section .app-info-card__table tbody,

body .facts-info-section .app-info-card__table tr{

  background:transparent !important;

}

body.app-page .app-info-card__table th,

body.app-page .app-info-card__table td,

body .facts-info-section .app-info-card__table th,

body .facts-info-section .app-info-card__table td{

  padding:8px 0 !important;

  background:transparent !important;

  background-color:transparent !important;

  border:0 !important;

  border-bottom:1px solid rgba(89,184,168,.24) !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.3 !important;

  vertical-align:middle !important;

}

body.app-page .app-info-card__table th,

body .facts-info-section .app-info-card__table th{

  width:50% !important;

  color:rgba(214,237,232,.64) !important;

  -webkit-text-fill-color:rgba(214,237,232,.64) !important;

  font-weight:400 !important;

  text-align:left !important;

}

body.app-page .app-info-card__table td,

body .facts-info-section .app-info-card__table td{

  text-align:right !important;

  font-weight:700 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body.app-page .app-info-card__table tr:last-child :is(th,td),

body .facts-info-section .app-info-card__table tr:last-child :is(th,td){

  border-bottom:0 !important;

}

body.app-page .app-verify-box,

body .facts-info-section .app-verify-box{

  margin:0 0 16px;

  padding:20px 18px 18px;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:8px;

  box-shadow:none;

}

body.app-page .app-verify-box__title,

body .facts-info-section .app-verify-box__title{

  margin:0 0 7px !important;

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  font-family:Consolas,"Courier New",monospace !important;

  font-size:13px !important;

  font-weight:700;

}

body.app-page .app-verify-box__hash,

body .facts-info-section .app-verify-box__hash{

  margin:0 !important;

  color:rgba(214,237,232,.58) !important;

  -webkit-text-fill-color:rgba(214,237,232,.58) !important;

  font-family:Consolas,"Courier New",monospace !important;

  font-size:12px !important;

  line-height:1.45 !important;

}

body.app-page .app-verify-box__commands,

body .facts-info-section .app-verify-box__commands{

  margin:22px 0 0;

  padding:0;

  background:transparent;

  border:0;

  border-radius:0;

}

body.app-page .app-verify-box__commands p,

body .facts-info-section .app-verify-box__commands p{

  margin:5px 0 !important;

  font-family:Consolas,"Courier New",monospace !important;

  font-size:12px !important;

  line-height:1.4 !important;

}

body.app-page .app-verify-box__commands span,

body .facts-info-section .app-verify-box__commands span{

  display:inline-block;

  min-width:132px;

  color:rgba(214,237,232,.58) !important;

  -webkit-text-fill-color:rgba(214,237,232,.58) !important;

}

body.app-page .app-verify-box code,

body .facts-info-section .app-verify-box code{

  padding:2px 6px;

  border-radius:4px;

  background:rgba(255,255,255,.08);

  color:#fff;

}

body.app-page .app-verify-box__warning,

body .facts-info-section .app-verify-box__warning{

  margin:0 0 30px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:14px !important;

  line-height:1.5 !important;

  font-weight:600 !important;

}

@media (max-width:760px){

  body.app-page .app-info-grid,

  body .facts-info-section .app-info-grid{

    grid-template-columns:1fr;

  }

}



/* Contents accordion: closed = Contents +, open = full panel */

html body.app-page .shell > main > details.app-toc-panel{

  display:block !important;

  width:fit-content !important;

  max-width:100% !important;

  box-sizing:border-box !important;

  margin:0 0 22px 0 !important;

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

  border-radius:12px !important;

  overflow:hidden;

}

html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge{

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:6px !important;

  margin:0 !important;

  padding:8px 18px !important;

  list-style:none !important;

  cursor:pointer !important;

  background:#018af9 !important;

  border:0 !important;

  border-radius:999px !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

  font-weight:800 !important;

  font-size:.9rem !important;

  line-height:1.2 !important;

  font-family:Montserrat,sans-serif !important;

}

html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge::-webkit-details-marker{

  display:none !important;

}

html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge::after{

  content:"+" !important;

  font-size:1.05rem !important;

  font-weight:800 !important;

  color:#ffffff !important;

  -webkit-text-fill-color:#ffffff !important;

}

html body.app-page .shell > main > details.app-toc-panel[open]{

  width:min(1100px,100%) !important;

  max-width:1100px !important;

  margin:0 0 22px 0 !important;

  padding:16px 22px 20px !important;

  background:#1a1a1a !important;

  border:1px solid rgba(0,0,0,.28) !important;

}

html body.app-page .shell > main > details.app-toc-panel[open] > summary.app-toc-panel__badge{

  margin:0 0 14px !important;

}

html body.app-page .shell > main > details.app-toc-panel[open] > summary.app-toc-panel__badge::after{

  content:"\2014" !important;

}

html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__cols{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  column-gap:48px !important;

  width:100% !important;

}

html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__list{

  margin:0 !important;

  padding-left:1.35rem !important;

  columns:unset !important;

}

html body.app-page .shell > main > details.app-toc-panel a{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-decoration:underline !important;

}



/* Contents panel ? always full width of the content column */

html body.app-page #app-guide > .app-toc-panel{

  display:block !important;

  width:100% !important;

  max-width:none !important;

  box-sizing:border-box !important;

  margin:0 0 22px;

  padding:16px 20px 18px;

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.28);

  border-radius:12px;

}

html body.app-page #app-guide > .app-toc-panel .app-toc-panel__badge{

  display:inline-flex;

  align-items:center;

  gap:6px;

  margin:0 0 14px;

  padding:7px 16px;

  background:#018af9;

  border-radius:999px;

  color:#2A1A10 !important;

  -webkit-text-fill-color:#2A1A10 !important;

  font-weight:800;

  font-size:.9rem;

}

html body.app-page #app-guide > .app-toc-panel .app-toc-panel__badge::after{

  content:"\2014";

}

html body.app-page #app-guide > .app-toc-panel .app-toc-panel__list{

  display:block;

  width:100%;

  margin:0;

  padding-left:1.35rem;

  box-sizing:border-box;

  columns:2;

  column-gap:48px;

}

html body.app-page #app-guide > .app-toc-panel li{

  break-inside:avoid;

  -webkit-column-break-inside:avoid;

  page-break-inside:avoid;

  margin:.4rem 0;

}

html body.app-page #app-guide > .app-toc-panel ul{

  margin:.25rem 0 .55rem;

  padding-left:1rem;

  list-style:disc;

}



/* Contents panel ? full width of content column (same as sections below) */

html body.app-page #app-guide > details.app-toc,

html body.app-page #app-guide > details.app-toc[open]{

  display:block !important;

  width:100% !important;

  max-width:none !important;

  box-sizing:border-box !important;

  margin:0 0 22px;

  overflow:hidden;

  border-radius:12px;

}

html body.app-page #app-guide > details.app-toc{

  padding:0;

  background:transparent;

  border:0;

}

html body.app-page #app-guide > details.app-toc > summary{

  display:inline-flex;

  align-items:center;

  gap:8px;

  margin:0;

  padding:7px 16px;

  cursor:pointer;

  list-style:none;

  background:#018af9;

  border-radius:999px;

  color:#2A1A10;

  font-weight:800;

  font-size:.9rem;

}

html body.app-page #app-guide > details.app-toc > summary::-webkit-details-marker{

  display:none;

}

html body.app-page #app-guide > details.app-toc > summary::after{

  content:"+";

  font-size:1.1rem;

}

html body.app-page #app-guide > details.app-toc[open]{

  padding:16px 20px 18px;

  background:#1a1a1a;

  border:1px solid rgba(0,0,0,.28);

}

html body.app-page #app-guide > details.app-toc[open] > summary{

  margin-bottom:12px;

}

html body.app-page #app-guide > details.app-toc[open] > summary::after{

  content:"\2212";

}

html body.app-page #app-guide > details.app-toc .app-toc__nav,

html body.app-page #app-guide > details.app-toc .app-toc__list{

  width:100% !important;

  max-width:none !important;

  box-sizing:border-box;

}

html body.app-page #app-guide > details.app-toc .app-toc__list{

  margin:0;

  padding-left:1.25rem;

  columns:unset;

  display:grid;

  grid-template-columns:1fr 1fr;

  column-gap:40px;

  row-gap:2px;

}

html body.app-page #app-guide > details.app-toc li{

  break-inside:avoid;

  margin:.35rem 0;

}

html body.app-page #app-guide > details.app-toc ul{

  margin:.25rem 0 .55rem;

  padding-left:1rem;

}



/* One cohesive Specs composition, matching the reference hierarchy */

body.app-page .app-reference-section{

  margin:0 0 30px;

  padding:28px;

  background:linear-gradient(180deg,#1a1a1a 0%,#141414 100%);

  border-top:1px solid rgba(0,0,0,.28);

  border-bottom:1px solid rgba(0,0,0,.28);

  border-radius:0;

}

body.app-page #app-guide .app-reference-section > .app-tag{

  margin:0 0 20px;

}

body.app-page #app-guide .app-reference-section > h2{

  margin:0 0 16px;

  font-family:Antonio,sans-serif;

  font-size:clamp(38px,5vw,58px);

  line-height:1.02;

  letter-spacing:.01em;

  color:#fff;

}

body.app-page #app-guide .app-reference-section > p{

  margin:0 0 18px;

  line-height:1.55;

}

body.app-page .app-reference-section .app-specs-table{

  margin-top:18px !important;

  border:1px solid rgba(1, 138, 249,.42) !important;

}

body.app-page .app-reference-section .app-specs-table thead th{

  background:#141414 !important;

  background-color:#141414 !important;

}

body.app-page .app-reference-section .app-specs-table tbody :is(th,td){

  background:#141414 !important;

  background-color:#141414 !important;

  padding:10px 12px !important;

}

body.app-page .app-reference-section .app-overview-table,

body.app-page .app-reference-section .app-overview-table table,

body.app-page .app-reference-section .app-overview-table :is(tbody,tr,th,td){

  background:#141414 !important;

  background-color:#141414 !important;

  background-image:none !important;

}

body.app-page .app-reference-section .app-overview-table{

  margin-top:16px !important;

  margin-bottom:26px !important;

  padding:7px 0 !important;

  border:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

  overflow:hidden !important;

}

body.app-page .app-reference-section .app-overview-table table{

  width:100% !important;

  border:0 !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  table-layout:fixed !important;

}

body.app-page .app-reference-section .app-overview-table :is(th,td){

  border:0 !important;

  padding:7px 8px !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-align:left !important;

  vertical-align:top !important;

}

body.app-page .app-reference-section .app-overview-table th{

  width:22% !important;

  font-weight:700 !important;

}

body.app-page .app-reference-section .app-overview-table td{

  width:78% !important;

  font-weight:400 !important;

}

html body.app-page .app-reference-section .app-overview-table table tbody tr th,

html body.app-page .app-reference-section .app-overview-table table tbody tr td{

  background:#141414 !important;

  background-color:#141414 !important;

  background-image:none !important;

  border:0 !important;

  border-top:0 !important;

  border-right:0 !important;

  border-bottom:0 !important;

  border-left:0 !important;

  outline:0 !important;

  box-shadow:none !important;

}

body.app-page .app-reference-section .app-info-card{

  background:#0d0d0d;

  border-color:#1a1a1a;

}

html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr th,

html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr td{

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:0 !important;

  border-top:0 !important;

  border-right:0 !important;

  border-bottom:1px solid rgba(89,184,168,.24) !important;

  border-left:0 !important;

  outline:0 !important;

  box-shadow:none !important;

}

html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr th{

  width:46% !important;

  padding-right:14px !important;

}

html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr td{

  width:54% !important;

  padding-left:14px !important;

  overflow-wrap:anywhere !important;

}

html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr:last-child th,

html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr:last-child td{

  border-bottom:0 !important;

}

body.app-page .app-reference-section .app-verify-box{

  background:#1a1a1a;

  border-color:#1a1a1a;

}

body.app-page .app-reference-section .app-verify-box__commands{

  background:transparent;

  border:0;

}

@media (max-width:700px){

  html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__cols{

    grid-template-columns:1fr !important;

  }

  html body.app-page .shell > main > .app-toc-panel .app-toc-panel__cols{

    grid-template-columns:1fr !important;

  }

  html body.app-page #app-guide > .app-toc-panel .app-toc-panel__list,

  html body.app-page #app-guide > details.app-toc .app-toc__list{

    columns:1;

    grid-template-columns:1fr;

  }

  body.app-page .app-reference-section{

    padding:22px 16px;

  }

}



/* Cresus app screenshot strip */

body.app-page .app-screenshots-section{

  margin:0 0 30px;

  padding:24px 16px 16px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

  overflow:hidden;

}

body.app-page #app-guide .app-screenshots-section > .app-tag{

  margin:0 0 20px;

}

body.app-page #app-guide .app-screenshots-section > h3{

  margin:0 0 14px;

  font-family:Antonio,sans-serif;

  font-size:clamp(38px,5vw,56px);

  line-height:1.02;

  font-weight:600;

  color:#fff;

}

body.app-page #app-guide .app-screenshots-section > p:not(.app-tag){

  margin:0 10px 16px;

  color:#fff;

  line-height:1.5;

}

html body.app-page .app-screenshots-section .app-shots{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:10px;

  height:255px;

  margin:0 !important;

  padding:0;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  overflow:hidden;

}

html body.app-page .app-screenshots-section .app-shot{

  display:block;

  min-height:0;

  height:255px;

  margin:0;

  padding:0;

  background:#1a1a1a;

  border:0;

  border-radius:0;

  overflow:hidden;

}

html body.app-page .app-screenshots-section .app-shot img{

  display:block;

  width:100%;

  height:auto;

  min-height:100%;

  object-fit:cover;

  object-position:top center;

}

@media (max-width:900px){

  html body.app-page .app-screenshots-section .app-shots{

    grid-template-columns:repeat(2,minmax(0,1fr));

    height:360px;

  }

  html body.app-page .app-screenshots-section .app-shot{

    height:360px;

  }

}

@media (max-width:560px){

  body.app-page .app-screenshots-section{

    padding:20px 12px 12px;

  }

  html body.app-page .app-screenshots-section .app-shots{

    display:flex;

    height:360px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

  }

  html body.app-page .app-screenshots-section .app-shot{

    flex:0 0 72%;

    height:360px;

    scroll-snap-align:start;

  }

}



/* App ecosystem composition */

body.app-page .app-ecosystem-section{

  margin:0 0 30px;

  padding:24px 16px 30px;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-ecosystem-section > .app-tag{

  margin:0 0 24px;

}

body.app-page .app-ecosystem-intro{

  display:grid;

  grid-template-columns:minmax(0,1fr) 220px;

  gap:36px;

  align-items:center;

}

body.app-page #app-guide .app-ecosystem-copy > h2{

  margin:0 0 20px;

  font-family:Antonio,sans-serif;

  font-size:clamp(38px,5vw,58px);

  line-height:1.02;

  font-weight:600;

  color:#fff;

}

body.app-page .app-ecosystem-copy > p{

  max-width:690px;

  margin:0 0 8px !important;

  line-height:1.48;

  color:#fff;

}

body.app-page .app-ecosystem-visual{

  display:flex;

  align-items:center;

  justify-content:center;

  min-height:170px;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

}

body.app-page .app-ecosystem-visual img{

  display:block;

  width:min(240px,100%);

  height:auto;

  object-fit:contain;

  filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));

}

body.app-page #app-guide .app-ecosystem-section > h3{

  margin:28px 0 22px;

  font-family:Antonio,sans-serif;

  font-size:clamp(34px,4.4vw,52px);

  line-height:1.05;

  font-weight:600;

  color:#fff;

}

html body.app-page .app-ecosystem-section .app-eco-grid{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:24px;

  margin:0;

}

html body.app-page .app-ecosystem-section .app-eco-card{

  display:flex;

  min-height:190px;

  flex-direction:column;

  align-items:flex-start;

  justify-content:flex-start;

  padding:28px 28px 24px;

  background:#1a1a1a !important;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:none;

  color:#fff !important;

  text-decoration:none;

}

html body.app-page .app-ecosystem-section .app-eco-card:hover{

  background:#0d0d0d !important;

  border-color:#018af9;

  transform:none;

}

body.app-page .app-platform-icon{

  display:flex;

  width:58px;

  height:58px;

  align-items:center;

  justify-content:center;

  margin:0 0 14px;

  border-radius:14px;

  color:#0d0d0d;

}

body.app-page .app-platform-icon svg{

  display:block;

  width:40px;

  height:40px;

  fill:currentColor;

}

body.app-page .app-platform-icon--android{

  background:#018af9;

}

body.app-page .app-platform-icon--ios{

  background:#018af9;

  color:#fff;

}

body.app-page .app-platform-icon--windows{

  background:#018af9;

  color:#fff;

}

body.app-page .app-ecosystem-section .app-eco-card__label{

  display:block;

  margin:0 0 12px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:13px;

  font-weight:700;

  opacity:1;

}

body.app-page .app-ecosystem-section .app-eco-card__title{

  display:block;

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  font-size:clamp(18px,2vw,23px);

  line-height:1.25;

  font-weight:500;

  text-decoration:underline;

  text-decoration-thickness:1px;

  text-underline-offset:4px;

}

@media (max-width:900px){

  body.app-page .app-ecosystem-intro{

    grid-template-columns:minmax(0,1fr) 160px;

    gap:20px;

  }

  html body.app-page .app-ecosystem-section .app-eco-grid{

    gap:14px;

  }

  html body.app-page .app-ecosystem-section .app-eco-card{

    padding:22px 18px;

  }

}

@media (max-width:700px){

  body.app-page .app-ecosystem-section{

    padding:20px 14px 24px;

  }

  body.app-page .app-ecosystem-intro{

    grid-template-columns:1fr;

  }

  body.app-page .app-ecosystem-visual{

    display:none;

  }

  html body.app-page .app-ecosystem-section .app-eco-grid{

    grid-template-columns:1fr;

  }

  html body.app-page .app-ecosystem-section .app-eco-card{

    min-height:0;

  }

}



/* Installation composition */

body.app-page .app-install-section{

  margin:0 0 30px;

  padding:24px 16px 0;

  background:#1a1a1a;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-install-section > .app-tag{

  margin:0 0 20px;

}

body.app-page #app-guide .app-install-section > h2{

  margin:0 0 22px;

  font-family:Antonio,sans-serif;

  font-size:clamp(40px,5vw,58px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

html body.app-page .app-install-section .app-install-panel{

  margin:0;

  padding:28px 28px 30px;

  background:#0d0d0d !important;

  border:1px solid #1a1a1a;

  border-radius:20px;

  box-shadow:none;

}

body.app-page #app-guide .app-install-section .app-install-panel > h3,

body.app-page #app-guide .app-install-section .app-install-card > h3{

  margin:0 0 14px;

  font-family:Antonio,sans-serif;

  font-size:22px;

  line-height:1.15;

  font-weight:600;

  color:#018af9;

  text-decoration:underline;

  text-decoration-thickness:1px;

  text-underline-offset:3px;

}

body.app-page .app-install-section .app-install-panel > p{

  margin:0 0 10px !important;

  line-height:1.5;

}

body.app-page .app-install-section .app-note{

  color:rgba(255,255,255,.82) !important;

  -webkit-text-fill-color:rgba(255,255,255,.82) !important;

  font-size:13px !important;

  line-height:1.45 !important;

}

html body.app-page .app-install-section details.app-steps{

  margin:10px 0 18px;

  padding:0;

  background:transparent;

  border:0;

  border-radius:0;

}

body.app-page .app-install-section details.app-steps > summary{

  display:flex;

  align-items:center;

  color:#fff;

  font-size:14px;

  font-weight:700;

  line-height:1.35;

  list-style:none;

}

body.app-page .app-install-section details.app-steps > summary::before{

  content:"?";

  display:inline-block;

  margin-right:7px;

  color:#fff;

  font-size:13px;

}

body.app-page .app-install-section details.app-steps[open] > summary::before{

  content:"?";

}

body.app-page .app-install-section details.app-steps > summary::after{

  content:" ?" !important;

  margin-left:4px;

  color:#fff !important;

}

body.app-page .app-install-section details.app-steps > ol{

  margin:22px 0 0 22px;

  padding-left:22px;

  color:#fff;

  font-size:14px;

  line-height:1.45;

}

body.app-page .app-install-section details.app-steps > ol li{

  margin:4px 0;

  padding-left:2px;

}

html body.app-page .app-install-section .app-req-grid{

  display:grid;

  grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);

  gap:24px;

  margin:16px 0 0;

}

html body.app-page .app-install-section .app-req-grid > div{

  min-width:0;

  padding:24px;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:16px;

}

body.app-page #app-guide .app-install-section .app-req-grid h4{

  margin:0 0 16px;

  font-family:Antonio,sans-serif;

  font-size:21px;

  line-height:1.1;

  color:#fff;

}

body.app-page .app-install-section .app-req-grid > div > p{

  margin:0 0 10px !important;

  font-size:14px;

}

html body.app-page .app-install-section .app-req-grid .table-wrapper,

html body.app-page .app-install-section .app-req-grid table,

html body.app-page .app-install-section .app-req-grid tbody,

html body.app-page .app-install-section .app-req-grid tr{

  width:100% !important;

  margin:0 !important;

  padding:0 !important;

  background:transparent !important;

  background-color:transparent !important;

  border:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body.app-page .app-install-section .app-req-grid table tbody tr th,

html body.app-page .app-install-section .app-req-grid table tbody tr td{

  padding:9px 0 !important;

  background:transparent !important;

  background-color:transparent !important;

  background-image:none !important;

  border:0 !important;

  border-bottom:1px solid rgba(89,184,168,.22) !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

  vertical-align:top !important;

}

html body.app-page .app-install-section .app-req-grid table tbody tr th{

  width:45% !important;

  padding-right:14px !important;

  color:rgba(214,237,232,.64) !important;

  -webkit-text-fill-color:rgba(214,237,232,.64) !important;

  font-weight:400 !important;

  text-align:left !important;

}

html body.app-page .app-install-section .app-req-grid table tbody tr td{

  width:55% !important;

  padding-left:14px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

  text-align:right !important;

  overflow-wrap:anywhere !important;

}

html body.app-page .app-install-section .app-req-grid table tbody tr:last-child :is(th,td){

  border-bottom:0 !important;

}

html body.app-page .app-install-section .app-install-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:28px;

  margin:24px 0 0;

}

html body.app-page .app-install-section .app-install-card{

  min-width:0;

  min-height:240px;

  padding:28px;

  background:#1a1a1a !important;

  border:1px solid #1a1a1a;

  border-radius:20px;

  box-shadow:none;

}

body.app-page .app-install-section .app-install-card > p{

  margin:0 0 12px !important;

  line-height:1.5;

}

body.app-page .app-install-section .app-install-card details.app-steps{

  margin:10px 0 0;

}

html body.app-page .app-install-section > .app-dl-row{

  display:flex;

  justify-content:center;

  gap:24px;

  margin:28px -16px 0;

  padding:28px 16px;

  background:#1a1a1a;

}

html body.app-page .app-install-section > .app-dl-row .pulse-btn{

  min-width:185px;

  padding:13px 24px;

}

@media (max-width:900px){

  html body.app-page .app-install-section .app-req-grid{

    grid-template-columns:1fr;

  }

}

@media (max-width:700px){

  body.app-page .app-install-section{

    padding:20px 14px 0;

  }

  html body.app-page .app-install-section .app-install-panel,

  html body.app-page .app-install-section .app-install-card{

    padding:22px 18px;

  }

  html body.app-page .app-install-section .app-install-grid{

    grid-template-columns:1fr;

    gap:16px;

  }

  html body.app-page .app-install-section > .app-dl-row{

    flex-direction:column;

    margin:22px -14px 0;

    gap:12px;

  }

  html body.app-page .app-install-section > .app-dl-row .pulse-btn{

    width:100%;

  }

}



/* Core features composition */

body.app-page .app-features-section{

  margin:0 0 30px;

  padding:24px 16px 34px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-features-section > .app-tag{

  margin:0 0 20px;

}

body.app-page #app-guide .app-features-section > h2{

  margin:0 0 18px;

  font-family:Antonio,sans-serif;

  font-size:clamp(40px,5vw,58px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

body.app-page #app-guide .app-features-section > p:not(.app-tag){

  margin:0 0 28px !important;

  max-width:950px;

  color:#fff;

  line-height:1.5;

}

html body.app-page .app-features-section .app-feature-grid{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:28px;

  margin:0;

}

html body.app-page .app-features-section .app-feature-card{

  min-width:0;

  min-height:285px;

  padding:28px 28px 26px;

  background:#141414 !important;

  border:1px solid #1a1a1a;

  border-radius:20px;

  box-shadow:none;

  color:#fff;

}

body.app-page .app-feature-card__icon{

  display:block;

  min-height:42px;

  margin:0 0 14px;

  font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;

  font-size:30px;

  line-height:1;

}

body.app-page #app-guide .app-features-section .app-feature-card > h3{

  margin:0 0 16px;

  font-family:Montserrat,Arial,sans-serif;

  font-size:21px;

  line-height:1.2;

  font-weight:500;

  color:#fff;

}

body.app-page .app-features-section .app-feature-card > ul{

  margin:0;

  padding-left:22px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:14px;

  line-height:1.48;

}

body.app-page .app-features-section .app-feature-card > ul li{

  margin:5px 0;

  padding-left:3px;

}

@media (max-width:900px){

  html body.app-page .app-features-section .app-feature-grid{

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:18px;

  }

}

@media (max-width:620px){

  body.app-page .app-features-section{

    padding:20px 14px 24px;

  }

  html body.app-page .app-features-section .app-feature-grid{

    grid-template-columns:1fr;

  }

  html body.app-page .app-features-section .app-feature-card{

    min-height:0;

    padding:24px 20px;

  }

}



/* Core feature availability table */

body.app-page .app-availability-section{

  margin:0 0 30px;

  padding:26px 16px 32px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-availability-section > h3{

  margin:0 0 24px;

  font-family:Antonio,sans-serif;

  font-size:clamp(34px,4vw,46px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

html body.app-page .app-availability-section .table-wrapper{

  margin:0 !important;

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

  overflow-x:auto;

}

html body.app-page .app-availability-section table{

  width:100% !important;

  min-width:760px;

  margin:0 !important;

  border:2px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  table-layout:auto !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  box-shadow:none !important;

}

html body.app-page .app-availability-section table thead,

html body.app-page .app-availability-section table tbody,

html body.app-page .app-availability-section table tr{

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

}

html body.app-page .app-availability-section table thead th{

  padding:10px 12px !important;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.25 !important;

  font-weight:700 !important;

  text-align:center !important;

  white-space:nowrap;

}

html body.app-page .app-availability-section table tbody th,

html body.app-page .app-availability-section table tbody td{

  padding:9px 8px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.25 !important;

  vertical-align:middle !important;

}

html body.app-page .app-availability-section table tbody th{

  width:28%;

  font-weight:500 !important;

  text-align:left !important;

}

html body.app-page .app-availability-section table tbody td{

  text-align:center !important;

  font-weight:500 !important;

}

@media (max-width:620px){

  body.app-page .app-availability-section{

    padding:22px 14px 26px;

  }

}

html body.app-page .app-availability-section.app-availability-section .table-wrapper table thead tr th,

html body.app-page .app-availability-section.app-availability-section .table-wrapper table tbody tr th,

html body.app-page .app-availability-section.app-availability-section .table-wrapper table tbody tr td{

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-color:#1a1a1a !important;

}



/* Supported odds formats composition */

body.app-page .app-odds-section{

  margin:0 0 30px;

  padding:24px 16px 32px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-odds-section > .app-tag{

  margin:0 0 24px;

}

body.app-page #app-guide .app-odds-section > h3{

  margin:0 0 24px;

  font-family:Antonio,sans-serif;

  font-size:clamp(36px,4.2vw,48px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

body.app-page .app-odds-intro{

  display:grid;

  grid-template-columns:minmax(0,1fr) minmax(360px,1fr);

  gap:42px;

  align-items:center;

  margin:0 0 20px;

}

body.app-page .app-odds-copy > p{

  margin:0 0 20px !important;

  line-height:1.5;

  color:#fff;

}

body.app-page .app-odds-copy > ul{

  margin:0;

  padding-left:26px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:14px;

  line-height:1.5;

}

body.app-page .app-odds-copy > ul li{

  margin:4px 0;

}

body.app-page .app-odds-banner{

  position:relative;

  min-height:190px;

  overflow:hidden;

  padding:0;

  background:#1a1a1a;

  border:1px solid #018af9;

  border-radius:16px;

}

body.app-page .app-odds-banner::after{

  content:none;

  display:none;

}

body.app-page .app-odds-banner > img{

  display:block;

  width:100%;

  height:100%;

  min-height:190px;

  object-fit:cover;

  object-position:center;

}

body.app-page .app-odds-banner__brand{

  position:relative;

  z-index:1;

  display:flex;

  flex-direction:column;

  color:#fff;

}

body.app-page .app-odds-banner__brand strong{

  font-family:Antonio,sans-serif;

  font-size:clamp(38px,5vw,58px);

  line-height:.95;

  font-style:italic;

  letter-spacing:.02em;

}

body.app-page .app-odds-banner__brand span{

  margin-top:8px;

  padding-left:4px;

  font-size:13px;

  font-weight:700;

  letter-spacing:.16em;

}

body.app-page .app-odds-banner__gear{

  position:relative;

  z-index:1;

  width:118px;

  height:118px;

  color:#018af9;

  font-family:"Segoe UI Symbol",sans-serif;

  font-size:118px;

  line-height:1;

}

body.app-page .app-odds-banner__gear > span{

  position:absolute;

  top:50%;

  left:50%;

  color:#fff;

  font-family:Antonio,sans-serif;

  font-size:35px;

  font-weight:700;

  transform:translate(-50%,-52%);

}

body.app-page #app-guide .app-odds-lead{

  margin:0 0 16px !important;

  color:#fff;

  font-weight:600;

}

html body.app-page .app-odds-section .table-wrapper{

  margin:0 !important;

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

  overflow-x:auto;

}

html body.app-page .app-odds-section table{

  width:100% !important;

  min-width:760px;

  margin:0 !important;

  border:2px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  box-shadow:none !important;

}

html body.app-page .app-odds-section table :is(thead,tbody,tr){

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

}

html body.app-page .app-odds-section table thead tr th,

html body.app-page .app-odds-section table tbody tr th,

html body.app-page .app-odds-section table tbody tr td{

  padding:9px 8px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

  vertical-align:middle !important;

}

html body.app-page .app-odds-section table thead tr th{

  font-weight:700 !important;

  text-align:center !important;

  white-space:nowrap;

}

html body.app-page .app-odds-section table tbody tr th{

  font-weight:500 !important;

  text-align:left !important;

}

html body.app-page .app-odds-section table tbody tr td{

  text-align:left !important;

  font-weight:500 !important;

}

html body.app-page .app-odds-section.app-odds-section .table-wrapper table thead tr th,

html body.app-page .app-odds-section.app-odds-section .table-wrapper table tbody tr th,

html body.app-page .app-odds-section.app-odds-section .table-wrapper table tbody tr td{

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-color:#1a1a1a !important;

}

@media (max-width:860px){

  body.app-page .app-odds-intro{

    grid-template-columns:1fr;

    gap:24px;

  }

}

@media (max-width:620px){

  body.app-page .app-odds-section{

    padding:20px 14px 26px;

  }

  body.app-page .app-odds-banner{

    min-height:160px;

    padding:0;

  }

  body.app-page .app-odds-banner__gear{

    width:90px;

    height:90px;

    font-size:90px;

  }

}



/* Step-by-step play composition */

body.app-page .app-play-section{

  margin:0 0 30px;

  padding:24px 16px 30px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-play-section > .app-tag{

  margin:0 0 24px;

}

body.app-page #app-guide .app-play-section > h2{

  margin:0 0 24px;

  font-family:Antonio,sans-serif;

  font-size:clamp(40px,5vw,58px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

body.app-page .app-play-layout{

  display:grid;

  grid-template-columns:minmax(0,1fr) minmax(300px,360px);

  gap:40px;

  align-items:start;

}

body.app-page .app-play-copy > p{

  margin:0 0 22px !important;

  color:#fff;

  line-height:1.5;

}

body.app-page .app-play-copy > ol{

  margin:0;

  padding-left:30px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.5;

}

body.app-page .app-play-copy > ol li{

  margin:5px 0;

  padding-left:3px;

}

body.app-page .app-play-shots{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:18px;

  align-items:start;

}

body.app-page .app-play-shot{

  min-width:0;

  margin:0;

  text-align:center;

}

body.app-page .app-play-shot img{

  display:block;

  width:100%;

  height:auto;

  max-height:330px;

  object-fit:contain;

  object-position:top center;

  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));

}

body.app-page .app-play-shot figcaption{

  margin-top:9px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:13px;

  line-height:1.35;

}

html body.app-page .app-play-section > .app-dl-row{

  display:flex;

  justify-content:center;

  gap:24px;

  margin:28px 0 0;

}

html body.app-page .app-play-section > .app-dl-row .pulse-btn{

  min-width:185px;

  padding:13px 24px;

}

@media (max-width:820px){

  body.app-page .app-play-layout{

    grid-template-columns:1fr;

  }

  body.app-page .app-play-shots{

    width:min(380px,100%);

    margin:0 auto;

  }

}

@media (max-width:620px){

  body.app-page .app-play-section{

    padding:20px 14px 24px;

  }

  html body.app-page .app-play-section > .app-dl-row{

    flex-direction:column;

    gap:12px;

  }

  html body.app-page .app-play-section > .app-dl-row .pulse-btn{

    width:100%;

  }

}



/* App bonuses composition */

body.app-page .app-bonus-section{

  margin:0 0 30px;

  padding:24px 16px 20px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-bonus-section > .app-tag{

  margin:0 0 24px;

}

body.app-page #app-guide .app-bonus-section > h2{

  margin:0 0 20px;

  font-family:Antonio,sans-serif;

  font-size:clamp(40px,5vw,58px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

body.app-page #app-guide .app-bonus-section > p:not(.app-tag){

  margin:0 0 26px !important;

  color:#fff;

  line-height:1.5;

}

body.app-page .app-bonus-layout{

  display:grid;

  grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);

  gap:28px;

  align-items:start;

}

html body.app-page .app-bonus-section .app-bonus-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:24px;

  margin:0;

}

html body.app-page .app-bonus-section .app-bonus-card{

  min-width:0;

  min-height:310px;

  padding:28px;

  background:#141414 !important;

  border:1px solid #1a1a1a;

  border-radius:20px;

  box-shadow:none;

  color:#fff;

}

body.app-page #app-guide .app-bonus-section .app-bonus-card > h3{

  margin:0 0 14px;

  font-family:Montserrat,Arial,sans-serif;

  font-size:21px;

  line-height:1.3;

  font-weight:500;

  color:#018af9;

}

body.app-page .app-bonus-section .app-bonus-card__sub{

  margin:0 0 14px !important;

  color:#fff;

  font-size:18px;

  font-weight:700;

}

body.app-page .app-bonus-section .app-bonus-card ul{

  margin:0;

  padding:0;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:13px;

  line-height:1.45;

}

body.app-page .app-bonus-section .app-bonus-card li{

  margin:10px 0;

}

body.app-page .app-bonus-shots{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:14px;

}

body.app-page .app-bonus-shots figure{

  min-width:0;

  margin:0;

  display:grid;

  grid-template-rows:280px auto;

  align-items:start;

  text-align:center;

}

body.app-page .app-bonus-shots img{

  display:block;

  width:100%;

  height:280px;

  object-fit:contain;

  object-position:bottom center;

  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));

}

body.app-page .app-bonus-shots figcaption{

  margin-top:8px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:12px;

  line-height:1.35;

}

body.app-page .app-bonus-terms{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:28px;

  margin:28px 0 0;

  padding:22px 28px;

  background:#1a1a1a;

  border:1px solid #018af9;

  border-radius:18px;

}

body.app-page .app-bonus-terms > div{

  min-width:0;

}

body.app-page .app-bonus-terms strong{

  display:block;

  margin-bottom:8px;

  color:#018af9;

  font-size:13px;

  font-weight:800;

  letter-spacing:.1em;

  text-transform:uppercase;

}

body.app-page #app-guide .app-bonus-terms p{

  margin:0 !important;

  color:rgba(255,255,255,.84);

  font-size:13px;

  line-height:1.45;

}

body.app-page .app-bonus-terms .pulse-btn{

  flex:0 0 auto;

  min-width:170px;

  padding:12px 20px;

  text-align:center;

}

@media (max-width:900px){

  body.app-page .app-bonus-layout{

    grid-template-columns:1fr;

  }

  body.app-page .app-bonus-shots{

    width:min(380px,100%);

    margin:0 auto;

  }

}

@media (max-width:620px){

  body.app-page .app-bonus-section{

    padding:20px 14px;

  }

  html body.app-page .app-bonus-section .app-bonus-grid{

    grid-template-columns:1fr;

  }

  html body.app-page .app-bonus-section .app-bonus-card{

    min-height:0;

    padding:24px 20px;

  }

  body.app-page .app-bonus-terms{

    flex-direction:column;

    align-items:stretch;

    padding:20px;

  }

  body.app-page .app-bonus-terms .pulse-btn{

    width:100%;

  }

}



/* Bonus claim steps */

body.app-page .app-bonus-claim{

  position:relative;

  margin:0 0 30px;

  padding:26px 24px 24px;

  overflow:hidden;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:0 14px 30px rgba(0,0,0,.2);

}

body.app-page .app-bonus-claim::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:4px;

  background:#018af9;

}

body.app-page #app-guide .app-bonus-claim > h3{

  margin:0 0 20px;

  font-family:Antonio,sans-serif;

  font-size:clamp(30px,4vw,42px);

  line-height:1.08;

  font-weight:600;

  color:#fff;

}

body.app-page .app-bonus-claim > ol{

  margin:0 0 20px;

  padding:0;

  list-style:none;

  counter-reset:bonus-step;

}

body.app-page .app-bonus-claim > ol li{

  position:relative;

  min-height:28px;

  margin:8px 0;

  padding:4px 0 3px 40px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.45;

  counter-increment:bonus-step;

}

body.app-page .app-bonus-claim > ol li::before{

  content:counter(bonus-step);

  position:absolute;

  top:0;

  left:0;

  display:flex;

  width:28px;

  height:28px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:50%;

  color:#2A1A10;

  font-size:13px;

  font-weight:800;

}

body.app-page .app-bonus-claim > p{

  margin:0 0 16px !important;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.55;

}

body.app-page .app-bonus-claim > .app-note{

  margin:20px 0 0 !important;

  padding:4px 0 4px 15px;

  background:transparent !important;

  border:0 !important;

  border-left:3px solid #018af9 !important;

  border-radius:0 !important;

  color:#E8F5F2;

}

body.app-page .app-bonus-claim > .app-note a{

  color:#018af9 !important;

  text-decoration-color:#018af9;

}

@media (max-width:620px){

  body.app-page .app-bonus-claim{

    padding:23px 16px 20px;

    border-radius:14px;

  }

  body.app-page .app-bonus-claim > ol li{

    padding-left:37px;

    font-size:14px;

  }

}



/* Payments composition, intentionally without a top banner */

body.app-page .app-payments-section{

  margin:0 0 30px;

  padding:24px 16px 32px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-payments-section > .app-tag{

  margin:0 0 22px;

}

body.app-page #app-guide .app-payments-section > h2{

  margin:0 0 26px;

  font-family:Antonio,sans-serif;

  font-size:clamp(40px,5vw,58px);

  line-height:1.03;

  font-weight:600;

  color:#fff;

}

body.app-page .app-payments-layout{

  display:grid;

  grid-template-columns:minmax(0,1.4fr) minmax(340px,.72fr);

  gap:36px;

  align-items:start;

}

body.app-page .app-payments-copy > p{

  margin:0 0 14px !important;

  color:#fff;

  line-height:1.5;

}

body.app-page .app-payments-copy > .app-note{

  margin:0 0 18px !important;

  padding-left:14px;

  border-left:3px solid #018af9;

}

body.app-page #app-guide .app-payments-copy > h3,

body.app-page #app-guide .app-payments-section > h3{

  margin:18px 0 10px;

  font-family:Montserrat,Arial,sans-serif;

  font-size:15px;

  line-height:1.3;

  font-weight:700;

  color:#fff;

}

body.app-page .app-payments-copy > ul,

body.app-page .app-payments-section > ul{

  margin:0;

  padding-left:26px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:14px;

  line-height:1.5;

}

body.app-page .app-payments-copy > ul li,

body.app-page .app-payments-section > ul li{

  margin:4px 0;

}

body.app-page .app-payment-phones{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:18px;

  padding-top:4px;

}

body.app-page .app-payment-phone{

  min-width:0;

  margin:0;

  text-align:center;

}

body.app-page .app-payment-phone__screen{

  position:relative;

  display:flex;

  width:100%;

  height:305px;

  min-height:0;

  align-items:center;

  justify-content:center;

  box-sizing:border-box;

  padding:0;

  overflow:hidden;

  background:transparent;

  border:0;

  border-radius:0;

  box-shadow:none;

}

body.app-page .app-payment-phone__screen > img{

  display:block;

  width:auto;

  max-width:100%;

  height:100%;

  object-fit:contain;

  object-position:center;

  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));

}

body.app-page .app-payment-phone__notch{

  position:absolute;

  top:0;

  left:50%;

  width:48%;

  height:16px;

  border-radius:0 0 12px 12px;

  background:#111;

  transform:translateX(-50%);

}

body.app-page .app-payment-phone__screen > strong{

  display:block;

  margin-bottom:14px;

  color:#0d0d0d;

  font-size:13px;

}

body.app-page .app-payment-phone__grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:8px;

}

body.app-page .app-payment-phone__grid span{

  display:flex;

  min-height:44px;

  align-items:center;

  justify-content:center;

  padding:6px 4px;

  background:#fff;

  border:1px solid rgba(26, 26, 26,.18);

  border-radius:8px;

  color:#0d0d0d;

  font-family:Arial,Helvetica,sans-serif;

  font-size:10px;

  font-weight:700;

  overflow-wrap:anywhere;

}

body.app-page .app-payment-phone__grid--crypto span{

  background:#E7F3EF;

}

body.app-page .app-payment-phone figcaption{

  margin-top:9px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:12px;

  line-height:1.35;

}

body.app-page #app-guide .app-payments-section > h3{

  margin-top:26px;

}

html body.app-page .app-payments-section .table-wrapper{

  margin:14px 0 0 !important;

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

  overflow-x:auto;

}

html body.app-page .app-payments-section table{

  width:100% !important;

  min-width:760px;

  margin:0 !important;

  border:2px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  box-shadow:none !important;

}

html body.app-page .app-payments-section table :is(thead,tbody,tr),

html body.app-page .app-payments-section.app-payments-section table thead tr th,

html body.app-page .app-payments-section.app-payments-section table tbody tr th,

html body.app-page .app-payments-section.app-payments-section table tbody tr td{

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

}

html body.app-page .app-payments-section table thead tr th,

html body.app-page .app-payments-section table tbody tr th,

html body.app-page .app-payments-section table tbody tr td{

  padding:9px 8px !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

  vertical-align:middle !important;

}

html body.app-page .app-payments-section table thead tr th{

  font-weight:700 !important;

  text-align:center !important;

  white-space:nowrap;

}

html body.app-page .app-payments-section table tbody tr th,

html body.app-page .app-payments-section table tbody tr td{

  font-weight:500 !important;

  text-align:left !important;

}

@media (max-width:900px){

  body.app-page .app-payments-layout{

    grid-template-columns:1fr;

  }

  body.app-page .app-payment-phones{

    width:min(390px,100%);

    margin:0 auto;

  }

}

@media (max-width:620px){

  body.app-page .app-payments-section{

    padding:20px 14px 26px;

  }

  body.app-page .app-payment-phone__screen{

    height:280px;

    min-height:0;

  }

}



/* Crypto section */

body.app-page .app-crypto-section{

  margin:0 0 30px;

  padding:24px 16px 28px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-crypto-section > .app-tag{

  margin:0 0 22px;

}

body.app-page #app-guide .app-crypto-section > h2{

  margin:0 0 18px;

  font-family:Antonio,sans-serif;

  font-size:clamp(34px,4.5vw,52px);

  line-height:1.05;

  font-weight:600;

  color:#fff;

}

body.app-page #app-guide .app-crypto-section > h2 + h2,

body.app-page #app-guide .app-crypto-section > ol + h2,

body.app-page #app-guide .app-crypto-section > ul + h2,

body.app-page #app-guide .app-crypto-section > p + h2{

  margin-top:28px;

}

body.app-page .app-crypto-section > p{

  margin:0 0 14px !important;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.55;

}

body.app-page .app-crypto-section > p strong{

  color:#fff;

}

body.app-page .app-crypto-section > .app-check{

  margin:0 0 8px;

  padding:0;

  list-style:none;

}

body.app-page .app-crypto-section > .app-check li{

  margin:8px 0;

  padding-left:1.7rem;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.5;

}

body.app-page .app-crypto-section > .app-crypto-steps{

  margin:0 0 18px;

  padding:0;

  list-style:none;

  counter-reset:crypto-step;

}

body.app-page .app-crypto-section > .app-crypto-steps li{

  position:relative;

  min-height:28px;

  margin:10px 0;

  padding:3px 0 3px 40px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.5;

  counter-increment:crypto-step;

}

body.app-page .app-crypto-section > .app-crypto-steps li::before{

  content:counter(crypto-step);

  position:absolute;

  top:0;

  left:0;

  display:flex;

  width:28px;

  height:28px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:50%;

  color:#2A1A10;

  font-size:13px;

  font-weight:800;

}

body.app-page .app-crypto-section > .app-crypto-foot{

  margin:18px 0 0 !important;

  padding:4px 0 4px 15px;

  border-left:3px solid #018af9;

  color:#E8F5F2;

}

body.app-page .app-crypto-section a{

  color:#018af9 !important;

  text-decoration-color:#018af9;

}

@media (max-width:620px){

  body.app-page .app-crypto-section{

    padding:20px 14px 24px;

  }

  body.app-page .app-crypto-section > .app-crypto-steps li{

    padding-left:37px;

    font-size:14px;

  }

}



/* Responsible gaming section */

body.app-page .app-responsible-section{

  margin:0 0 30px;

  padding:24px 16px 28px;

  background:#1a1a1a;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-responsible-section > .app-tag{

  margin:0 0 26px;

}

body.app-page #app-guide .app-responsible-section > h2{

  margin:0 0 22px;

  color:#fff;

}

body.app-page .app-responsible-section > p{

  margin:0 0 18px !important;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.55;

}

body.app-page .app-responsible-section > ul{

  margin:0 0 20px;

  padding-left:28px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.5;

}

body.app-page .app-responsible-section > ul li{

  margin:6px 0;

}

body.app-page .app-responsible-section > ul strong{

  color:#fff;

}

body.app-page .app-responsible-section a{

  color:#018af9 !important;

  text-decoration-color:#018af9;

}

body.app-page .app-responsible-section > .app-responsible-foot{

  margin:22px 0 0 !important;

  padding:4px 0 4px 15px;

  border-left:3px solid #018af9;

  color:#E8F5F2;

}

@media (max-width:620px){

  body.app-page .app-responsible-section{

    padding:20px 14px 24px;

  }

  body.app-page .app-responsible-section > p,

  body.app-page .app-responsible-section > ul{

    font-size:14px;

  }

}



/* Legality and safety section, without a banner */

body.app-page .app-legal-section{

  margin:0 0 30px;

  padding:24px 16px 28px;

  background:#0d0d0d;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-legal-section > .app-tag{

  margin:0 0 26px;

}

body.app-page #app-guide .app-legal-section > h2{

  margin:0 0 28px;

  color:#fff;

}

body.app-page .app-legal-section > p{

  max-width:780px;

  margin:0 0 20px !important;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.55;

}

body.app-page .app-legal-section > p strong{

  color:#fff;

}

body.app-page .app-legal-section > .app-legal-note{

  margin:24px 0 !important;

  padding:5px 0 5px 15px;

  border-left:3px solid #018af9;

  color:#E8F5F2;

}

body.app-page .app-legal-section > .app-legal-tools{

  margin:0 0 24px;

  padding-left:28px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.5;

}

body.app-page .app-legal-section > .app-legal-tools li{

  margin:6px 0;

}

body.app-page .app-legal-section > .app-dl-row{

  margin:30px 0 0;

}

@media (max-width:620px){

  body.app-page .app-legal-section{

    padding:20px 14px 24px;

  }

  body.app-page .app-legal-section > p,

  body.app-page .app-legal-section > .app-legal-tools{

    font-size:14px;

  }

}



/* Platform comparison section, without a banner */

body.app-page .app-compare-section{

  margin:0 0 30px;

  padding:24px 16px 28px;

  background:#1a1a1a;

  border-top:1px solid #1a1a1a;

  border-bottom:1px solid #1a1a1a;

}

body.app-page #app-guide .app-compare-section > .app-tag{

  margin:0 0 26px;

}

body.app-page #app-guide .app-compare-section > h2{

  max-width:900px;

  margin:0 0 24px;

  color:#fff;

}

body.app-page .app-compare-section > p{

  max-width:820px;

  margin:0 0 18px !important;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.55;

}

body.app-page .app-compare-section > ul{

  max-width:820px;

  margin:0 0 22px;

  padding-left:28px;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.5;

}

body.app-page .app-compare-section > ul li{

  margin:6px 0;

}

body.app-page .app-compare-section > ul strong{

  color:#fff;

}

body.app-page #app-guide .app-compare-section > h3{

  margin:26px 0 14px;

  font-family:Arial,Helvetica,sans-serif;

  font-size:15px;

  line-height:1.3;

  font-weight:700;

  color:#fff;

}

html body.app-page .app-compare-section .table-wrapper{

  margin:0 !important;

  padding:0 !important;

  overflow-x:auto;

  background:transparent !important;

  border:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body.app-page .app-compare-section table{

  width:100% !important;

  min-width:760px;

  margin:0 !important;

  border:2px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#0d0d0d !important;

  box-shadow:none !important;

}

html body.app-page .app-compare-section table :is(thead,tbody,tr),

html body.app-page .app-compare-section.app-compare-section table :is(th,td){

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

}

html body.app-page .app-compare-section table :is(th,td){

  padding:9px 8px !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

  vertical-align:middle !important;

}

html body.app-page .app-compare-section table thead th{

  font-weight:700 !important;

  text-align:center !important;

  white-space:nowrap;

}

html body.app-page .app-compare-section table tbody :is(th,td){

  font-weight:500 !important;

  text-align:left !important;

}

body.app-page .app-compare-section > .app-dl-row{

  margin-top:26px !important;

}

@media (max-width:620px){

  body.app-page .app-compare-section{

    padding:20px 14px 24px;

  }

  body.app-page .app-compare-section > p,

  body.app-page .app-compare-section > ul{

    font-size:14px;

  }

}



/* Home intro and fractional rating */

html body #casino-intro#casino-intro{

  margin-bottom:22px;

  padding:26px 28px !important;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  border-radius:16px !important;

  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;

}

html body #casino-intro#casino-intro > p{

  margin:0 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:17px !important;

  line-height:1.55 !important;

}

html body #casino-intro#casino-intro .home-intro-rating{

  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:10px;

  margin-top:20px;

  padding-top:18px;

  border-top:1px solid rgba(1,138,249,.35);

  color:#fff;

  font-size:16px;

  line-height:1;

}

html body #casino-intro#casino-intro .home-intro-rating > strong{

  color:#fff;

  font-size:21px;

  font-weight:800;

}

html body #casino-intro#casino-intro .home-intro-rating__stars{

  display:inline-flex;

  align-items:center;

  color:#018af9;

  font-size:22px;

  letter-spacing:2px;

  line-height:1;

  white-space:nowrap;

}

html body #casino-intro#casino-intro .home-intro-rating__full{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

}

html body #casino-intro#casino-intro .home-intro-rating__partial{

  position:relative;

  display:inline-block;

  line-height:1;

  letter-spacing:0;

}

html body #casino-intro#casino-intro .home-intro-rating__empty{

  display:block;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #casino-intro#casino-intro .home-intro-rating__fill{

  position:absolute;

  top:0;

  left:0;

  width:50%;

  overflow:hidden;

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  white-space:nowrap;

}

@media (max-width:620px){

  html body #casino-intro#casino-intro{

    padding:20px 18px !important;

    border-radius:14px !important;

  }

  html body #casino-intro#casino-intro > p{

    font-size:15px !important;

  }

  html body #casino-intro#casino-intro .home-intro-rating{

    font-size:14px;

  }

}



/* Dark information tables on the home page */

html body #facts#facts .app-info-card,

html body #facts#facts .app-info-card__table,

html body #facts#facts .app-info-card__table :is(table,tbody,tr,th,td),

html body #facts#facts .app-info-card__table tbody tr:nth-child(odd) :is(th,td),

html body #facts#facts .app-info-card__table tbody tr:nth-child(even) :is(th,td),

html body #facts#facts .app-info-card__table tbody tr:hover :is(th,td){

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

}

html body #facts#facts .app-info-card__table :is(th,td){

  border-bottom-color:rgba(89,184,168,.24) !important;

}



/* Dark surfaces for the opening App blocks */

html body.app-page .app-top-hero{

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border-color:#1a1a1a !important;

}

html body.app-page .app-reference-section{

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border-color:#1a1a1a !important;

}

html body.app-page .app-reference-section .app-specs-table{

  border-color:#1a1a1a !important;

  background:#1a1a1a !important;

}

html body.app-page .app-reference-section .app-specs-table :is(table,thead,tbody,tr,th,td){

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

}

html body.app-page .app-reference-section .app-specs-table :is(th,td){

  border-color:#1a1a1a !important;

}

html body.app-page .app-reference-section .app-overview-table,

html body.app-page .app-reference-section .app-overview-table :is(table,tbody,tr,th,td){

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

}



/* Unified headings for all main App-page blocks */

body.app-page #app-guide :is(

  .app-reference-section > h2,

  .app-ecosystem-intro h2,

  .app-install-section > h2,

  .app-features-section > h2,

  .app-availability-section > h3,

  .app-odds-section > h3,

  .app-play-section > h2,

  .app-bonus-section > h2,

  .app-bonus-claim > h3,

  .app-payments-section > h2,

  .app-crypto-section > h2,

  #app-rg,

  #app-legal,

  #app-compare

){

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

}



/* ==========================================================================

   SITE BUTTONS - single source of truth: flat orange, same pill as sidebar.

   The :is() list is repeated on purpose: it raises specificity above the

   older per-page button overrides earlier in this file, which all use

   !important. Keep this block last.

   ========================================================================== */

html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip){

  background:#018af9 !important;

  background-color:#018af9 !important;

  background-image:none !important;

  border-color:rgba(0,0,0,.18) !important;

  border-radius:12px !important;

  clip-path:none !important;

  color:#2a1a10 !important;

  -webkit-text-fill-color:#2a1a10 !important;

  text-shadow:none !important;

  filter:none !important;

}

html body .chips a.chip{

  border-radius:999px !important;

}



html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip)::before,

html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip)::after{

  content:none !important;

  display:none !important;

  background:none !important;

  box-shadow:none !important;

}



html body :is(.btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip) :is(span, strong, svg, svg path, svg circle, svg rect, svg line){

  color:#2a1a10 !important;

  -webkit-text-fill-color:#2a1a10 !important;

  stroke:#2a1a10 !important;

  filter:none !important;

}



html body :is(.offers-trigger, .head-search-ico):is(.offers-trigger, .head-search-ico) .offers-trigger__ico,

html body .offers-trigger .offers-trigger__ico{

  filter:brightness(0) !important;

}



@media (hover:hover){

  html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):hover{

    background:#3ba0ff !important;

    background-color:#3ba0ff !important;

    background-image:none !important;

    color:#2a1a10 !important;

    -webkit-text-fill-color:#2a1a10 !important;

  }

}



/* Chips use the dark-green reference surface */

html body .chips.chips a.chip{

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border-color:#1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body .chips.chips a.chip :is(span,strong){

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

@media (hover:hover){

  html body .chips.chips a.chip:hover{

    background:#141414 !important;

    background-color:#141414 !important;

    color:#fff !important;

    -webkit-text-fill-color:#fff !important;

  }

}



/* Home login block in the dark App-section style */

html body #login#login.login-section{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  overflow:hidden;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #login#login > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #login#login > h2{

  margin:0 0 24px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #login#login .login-flow__content > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #login#login .login-flow__content > h3{

  margin:22px 0 12px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:20px !important;

  line-height:1.3 !important;

}

html body #login#login .login-flow__content a{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-decoration-color:#018af9 !important;

}

html body #login#login .login-banner-block__link{

  overflow:hidden;

  background:#0d0d0d !important;

  border:1px solid #1a1a1a !important;

}

html body #login#login .login-banner-block__img{

  width:100%;

  height:auto;

  max-height:none;

  object-fit:contain;

}

@media (max-width:860px){

  html body #login#login.login-section{

    padding:20px 14px 24px !important;

  }

  html body #login#login .login-flow__content > p{

    font-size:14px !important;

  }

}



/* Home bonus block in the same dark section style */

html body #bonuses#bonuses{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #bonuses#bonuses > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #bonuses#bonuses > h2{

  margin:0 0 24px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #bonuses#bonuses > h3{

  margin:24px 0 12px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:20px !important;

  line-height:1.3 !important;

}

html body #bonuses#bonuses > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #bonuses#bonuses > ul{

  margin:0 0 22px;

  padding-left:28px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.5 !important;

}

html body #bonuses#bonuses > ul li{

  margin:6px 0;

  color:#fff !important;

}

html body #bonuses#bonuses > p a{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-decoration-color:#018af9 !important;

}

@media (max-width:620px){

  html body #bonuses#bonuses{

    padding:20px 14px 24px !important;

  }

  html body #bonuses#bonuses > p,

  html body #bonuses#bonuses > ul{

    font-size:14px !important;

  }

}



/* Home payments block in the same dark section style */

html body #payments#payments{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #payments#payments > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #payments#payments > h2{

  margin:0 0 24px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #payments#payments > h3{

  margin:24px 0 12px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:20px !important;

  line-height:1.3 !important;

}

html body #payments#payments > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #payments#payments > ul{

  margin:0 0 22px;

  padding-left:28px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.5 !important;

}

html body #payments#payments > ul li{

  margin:6px 0;

  color:#fff !important;

}

html body #payments#payments > p a{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-decoration-color:#018af9 !important;

}

@media (max-width:620px){

  html body #payments#payments{

    padding:20px 14px 24px !important;

  }

  html body #payments#payments > p,

  html body #payments#payments > ul{

    font-size:14px !important;

  }

}



/* Home slots showcase */

html body #slots#slots{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #slots#slots > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #slots#slots > h2{

  margin:0 0 18px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #slots#slots > p:not(.home-section-tag){

  max-width:900px;

  margin:0 0 22px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #slots#slots .popular-games__grid{

  gap:14px !important;

}

html body #slots#slots .popular-games__card{

  overflow:hidden;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  border-radius:12px !important;

  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;

  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;

}

html body #slots#slots .popular-games__media{

  overflow:hidden;

  background:#0d0d0d !important;

}

html body #slots#slots .popular-games__meta{

  min-height:52px;

  padding:12px 10px !important;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border-top:3px solid #018af9 !important;

}

html body #slots#slots .popular-games__title{

  margin:0 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:13px !important;

  line-height:1.35 !important;

  font-weight:700 !important;

}

@media (hover:hover){

  html body #slots#slots .popular-games__card:hover{

    transform:translateY(-3px);

    border-color:#018af9 !important;

    box-shadow:0 14px 26px rgba(0,0,0,.26) !important;

  }

}

@media (max-width:620px){

  html body #slots#slots{

    padding:20px 14px 24px !important;

  }

  html body #slots#slots > p:not(.home-section-tag){

    font-size:14px !important;

  }

}



/* Home live-casino showcase */

html body #games#games{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #games#games > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #games#games > h2{

  margin:0 0 18px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #games#games > h3{

  margin:24px 0 12px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:20px !important;

  line-height:1.3 !important;

}

html body #games#games > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #games#games > ul{

  margin:0 0 24px;

  padding-left:28px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.5 !important;

}

html body #games#games > ul li{

  margin:6px 0;

  color:#fff !important;

}

html body #games#games > .grid{

  gap:18px !important;

  margin:24px 0 20px;

}

html body #games#games .card{

  overflow:hidden;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  border-radius:12px !important;

  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;

  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;

}

html body #games#games .card .info{

  min-height:66px;

  padding:12px 14px !important;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border-top:3px solid #018af9 !important;

}

html body #games#games .card .title{

  margin:0 0 4px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

}

html body #games#games .card .vendor{

  margin:0 !important;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

}

@media (hover:hover){

  html body #games#games .card:hover{

    transform:translateY(-3px);

    border-color:#018af9 !important;

    box-shadow:0 14px 26px rgba(0,0,0,.26) !important;

  }

}

@media (max-width:620px){

  html body #games#games{

    padding:20px 14px 24px !important;

  }

  html body #games#games > p,

  html body #games#games > ul{

    font-size:14px !important;

  }

}



/* Home App block and platform guide cards */

html body #app#app{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #app#app > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #app#app > h2{

  margin:0 0 20px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #app#app > h3{

  margin:24px 0 12px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:20px !important;

  line-height:1.3 !important;

}

html body #app#app > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #app#app > ul{

  margin:0 0 22px;

  padding-left:28px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.5 !important;

}

html body #app#app > ul li{

  margin:6px 0;

  color:#fff !important;

}

html body #app#app > p a{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-decoration-color:#018af9 !important;

}

html body #app#app > .home-app-guides-title{

  margin:30px 0 18px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(28px,3.2vw,38px) !important;

  font-weight:600 !important;

}

html body #app#app .home-app-guides{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:24px;

}

html body #app#app .home-app-guide-card{

  display:flex;

  min-width:0;

  min-height:210px;

  flex-direction:column;

  align-items:flex-start;

  padding:28px;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  border-radius:16px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-decoration:none !important;

  box-shadow:0 10px 20px rgba(0,0,0,.16);

  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;

}

html body #app#app .home-app-guide-card__icon{

  display:flex;

  width:58px;

  height:58px;

  align-items:center;

  justify-content:center;

  margin-bottom:18px;

  border-radius:14px;

  color:#fff;

}

html body #app#app .home-app-guide-card__icon svg{

  display:block;

  width:36px;

  height:36px;

  fill:currentColor;

}

html body #app#app .home-app-guide-card__icon--android,

html body #app#app .home-app-guide-card__icon--ios,

html body #app#app .home-app-guide-card__icon--windows{

  background:#018af9 !important;

  color:#fff !important;

}

html body .home-app-guide-card__icon--android,

html body .home-app-guide-card__icon--ios,

html body .home-app-guide-card__icon--windows{

  background:#018af9 !important;

  color:#fff !important;

}

body.app-page .app-platform-icon--android,

body.app-page .app-platform-icon--ios,

body.app-page .app-platform-icon--windows{

  background:#018af9 !important;

  color:#fff !important;

}

html body #app#app .home-app-guide-card__label{

  margin-bottom:14px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px;

  line-height:1.2;

  font-weight:700;

  text-decoration:underline;

}

html body #app#app .home-app-guide-card__title{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  font-size:22px;

  line-height:1.25;

  text-decoration:underline;

  text-decoration-thickness:1px;

  text-underline-offset:4px;

}

@media (hover:hover){

  html body #app#app .home-app-guide-card:hover{

    transform:translateY(-3px);

    border-color:#018af9 !important;

    box-shadow:0 14px 26px rgba(0,0,0,.25);

  }

}

@media (max-width:760px){

  html body #app#app .home-app-guides{

    grid-template-columns:1fr;

  }

  html body #app#app .home-app-guide-card{

    min-height:0;

  }

}

@media (max-width:620px){

  html body #app#app{

    padding:20px 14px 24px !important;

  }

  html body #app#app > p,

  html body #app#app > ul{

    font-size:14px !important;

  }

}



/* Home providers showcase */

html body #providers#providers{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #providers#providers > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #providers#providers > h2{

  margin:0 0 18px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #providers#providers > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #providers#providers .prov-grid{

  gap:18px !important;

  margin:24px 0 8px;

}

html body #providers#providers .prov{

  overflow:hidden;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #1a1a1a !important;

  border-radius:12px !important;

  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;

  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;

}

html body #providers#providers .prov .prov-media{

  background:#0d0d0d !important;

}

html body #providers#providers .prov .prov-name{

  display:block;

  padding:12px 10px !important;

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  border-top:3px solid #018af9 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-weight:700 !important;

  text-align:center;

}

@media (hover:hover){

  html body #providers#providers .prov:hover{

    transform:translateY(-3px);

    border-color:#018af9 !important;

    box-shadow:0 14px 26px rgba(0,0,0,.26) !important;

  }

}

@media (max-width:620px){

  html body #providers#providers{

    padding:20px 14px 24px !important;

  }

  html body #providers#providers > p{

    font-size:14px !important;

  }

}



/* Home registration block */

html body #register#register{

  margin-bottom:30px;

  padding:24px 18px 28px !important;

  background:#1a1a1a !important;

  background-color:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid #1a1a1a !important;

  border-bottom:1px solid #1a1a1a !important;

  border-radius:0 !important;

  box-shadow:none !important;

}

html body #register#register > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 20px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

html body #register#register > h2{

  margin:0 0 18px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.7vw,42px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body #register#register > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

html body #register#register > .home-register-steps{

  margin:0 0 22px;

  padding:0;

  list-style:none;

  counter-reset:register-step;

}

html body #register#register > .home-register-steps li{

  position:relative;

  min-height:28px;

  margin:10px 0;

  padding:3px 0 3px 40px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.5 !important;

  counter-increment:register-step;

}

html body #register#register > .home-register-steps li::before{

  content:counter(register-step);

  position:absolute;

  top:0;

  left:0;

  display:flex;

  width:28px;

  height:28px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:50%;

  color:#2A1A10;

  font-size:13px;

  font-weight:800;

}

@media (max-width:620px){

  html body #register#register{

    padding:20px 14px 24px !important;

  }

  html body #register#register > p,

  html body #register#register > .home-register-steps li{

    font-size:14px !important;

  }

}



/* Login page platform guides: iOS ? Android ? Windows */

body.acceso-page .login-platforms-section{

  margin:0 0 28px;

  padding:22px 16px 24px;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:14px;

}

body.acceso-page .login-platforms-section > .home-section-tag{

  display:inline-flex;

  width:auto;

  margin:0 0 18px !important;

  padding:8px 15px;

  background:#018af9 !important;

  border-radius:999px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1;

  font-weight:700;

}

body.acceso-page .login-platforms-section > h2{

  margin:0 0 14px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(28px,3.4vw,38px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

}

body.acceso-page .login-platforms-section > p{

  margin:0 0 18px !important;

  color:#fff !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

body.acceso-page .login-platform-guides{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:18px;

}

body.acceso-page .login-platform-guides .home-app-guide-card{

  display:flex;

  min-width:0;

  min-height:190px;

  flex-direction:column;

  align-items:flex-start;

  padding:24px;

  background:#0d0d0d !important;

  border:1px solid #1a1a1a !important;

  border-radius:16px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-decoration:none !important;

  box-shadow:0 10px 20px rgba(0,0,0,.16);

  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;

}

body.acceso-page .login-platform-guides .home-app-guide-card__icon{

  display:flex;

  width:58px;

  height:58px;

  align-items:center;

  justify-content:center;

  margin-bottom:16px;

  border-radius:14px;

  color:#fff;

}

body.acceso-page .login-platform-guides .home-app-guide-card__icon svg{

  display:block;

  width:36px;

  height:36px;

  fill:currentColor;

}

body.acceso-page .login-platform-guides .home-app-guide-card__icon--android,

body.acceso-page .login-platform-guides .home-app-guide-card__icon--ios,

body.acceso-page .login-platform-guides .home-app-guide-card__icon--windows{

  background:#018af9;

  color:#fff;

}

body.acceso-page .login-platform-guides .home-app-guide-card__label{

  margin-bottom:12px;

  color:#fff !important;

  font-size:14px;

  font-weight:700;

  text-decoration:underline;

}

body.acceso-page .login-platform-guides .home-app-guide-card__title{

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  font-size:20px;

  line-height:1.25;

  text-decoration:underline;

  text-underline-offset:4px;

}

@media (hover:hover){

  body.acceso-page .login-platform-guides .home-app-guide-card:hover{

    transform:translateY(-3px);

    border-color:#018af9 !important;

    box-shadow:0 14px 26px rgba(0,0,0,.25);

  }

}

@media (max-width:860px){

  body.acceso-page .login-platform-guides{

    grid-template-columns:1fr;

  }

  body.acceso-page .login-platform-guides .home-app-guide-card{

    min-height:0;

  }

}



/* Login page lead composition */

body.acceso-page main > .page-title{

  margin-bottom:22px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(38px,5vw,54px) !important;

  line-height:1.05 !important;

  font-weight:600 !important;

}

body.acceso-page #login-guide#login-guide > .login-intro{

  position:relative;

  margin:0 0 24px;

  padding:58px 24px 22px;

  overflow:hidden;

  background:#1a1a1a !important;

  border:1px solid #1a1a1a;

  border-radius:16px;

  box-shadow:0 14px 28px rgba(0,0,0,.16);

}

body.acceso-page #login-guide#login-guide > .login-intro::before{

  content:"Secure account access";

  position:absolute;

  top:20px;

  left:24px;

  display:inline-flex;

  padding:7px 14px;

  background:#018af9;

  border-radius:999px;

  color:#fff;

  font-size:13px;

  line-height:1;

  font-weight:700;

}

body.acceso-page #login-guide#login-guide > .login-intro .legal-note{

  margin:0 !important;

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:15px !important;

  line-height:1.6 !important;

}

body.acceso-page #login-guide#login-guide .login-flow{

  gap:24px !important;

}

body.acceso-page #login-guide#login-guide .login-flow__side{

  padding:24px;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:16px;

  box-shadow:0 14px 28px rgba(0,0,0,.16);

}

body.acceso-page #login-guide#login-guide .login-flow__side > p{

  margin:0 0 17px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

body.acceso-page #login-guide#login-guide .login-summary-list{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px !important;

  margin:22px 0 24px !important;

  padding:0 !important;

  list-style:none !important;

}

body.acceso-page #login-guide#login-guide .login-summary-list li{

  position:relative;

  min-width:0;

  margin:0 !important;

  padding:12px 12px 12px 38px;

  background:#0d0d0d;

  border:1px solid #018af9;

  border-radius:10px;

  color:#fff !important;

  font-size:13px;

  line-height:1.4;

}

body.acceso-page #login-guide#login-guide .login-summary-list li::before{

  content:"\2713";

  position:absolute;

  top:13px;

  left:13px;

  display:flex;

  width:16px;

  height:16px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:3px;

  color:#fff;

  font-size:10px;

  font-weight:800;

}

body.acceso-page #login-guide#login-guide .login-guide-map{

  margin:0 !important;

  padding:20px !important;

  background:#0d0d0d !important;

  border:1px solid #1a1a1a !important;

  border-radius:14px !important;

}

body.acceso-page #login-guide#login-guide .login-guide-map h2{

  margin:0 0 15px !important;

  font-family:Antonio,sans-serif !important;

  font-size:30px !important;

  line-height:1.1 !important;

  font-weight:600 !important;

  color:#fff !important;

}

body.acceso-page #login-guide#login-guide .login-guide-map ul{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:9px !important;

  margin:0 !important;

  padding:0 !important;

  list-style:none !important;

}

body.acceso-page #login-guide#login-guide .login-guide-map li{

  min-width:0;

  margin:0 !important;

}

body.acceso-page #login-guide#login-guide .login-guide-map a{

  display:block;

  height:100%;

  padding:10px 12px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .8);

  border-radius:9px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:13px;

  line-height:1.35;

  text-decoration:none !important;

  transition:background-color .2s ease,border-color .2s ease,color .2s ease;

}

body.acceso-page #login-guide#login-guide .login-banner-block{

  padding:12px;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:16px;

  box-shadow:0 14px 28px rgba(0,0,0,.16);

}

body.acceso-page #login-guide#login-guide .login-banner-block__link{

  overflow:hidden;

  border:1px solid rgba(1, 138, 249,.45) !important;

  border-radius:12px !important;

}

body.acceso-page #login-guide#login-guide .login-banner-block__img{

  border-radius:11px;

}

body.acceso-page #login-guide#login-guide .login-banner-block__cta{

  margin-top:12px !important;

}

@media (hover:hover){

  body.acceso-page #login-guide#login-guide .login-guide-map a:hover{

    background:#141414;

    border-color:#018af9;

    color:#018af9 !important;

    -webkit-text-fill-color:#018af9 !important;

  }

}

@media (max-width:560px){

  body.acceso-page #login-guide#login-guide > .login-intro{

    padding:56px 16px 18px;

    border-radius:13px;

  }

  body.acceso-page #login-guide#login-guide > .login-intro::before{

    left:16px;

  }

  body.acceso-page #login-guide#login-guide .login-flow__side{

    padding:16px;

  }

  body.acceso-page #login-guide#login-guide .login-summary-list,

  body.acceso-page #login-guide#login-guide .login-guide-map ul{

    grid-template-columns:1fr;

  }

}



/* Merge login guidance and banner into one named composition */

body.acceso-page #login-guide#login-guide .login-lead-combined{

  grid-column:1 / -1;

  display:grid;

  grid-template-columns:minmax(0,1fr) minmax(250px,320px);

  gap:22px 28px;

  align-items:start;

  padding:24px;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:0 16px 30px rgba(0,0,0,.2);

}

body.acceso-page #login-guide#login-guide .login-lead-combined > h2{

  grid-column:1 / -1;

  grid-row:1;

  margin:0 !important;

  padding:0 0 17px;

  border-bottom:1px solid rgba(89,184,168,.3);

  font-family:Antonio,sans-serif !important;

  font-size:clamp(32px,3.8vw,44px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{

  grid-column:1;

  grid-row:2;

  padding:0;

  background:transparent;

  border:0;

  border-radius:0;

  box-shadow:none;

}

body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{

  grid-column:2;

  grid-row:2;

  width:100%;

  margin:0;

  padding:0;

  background:transparent;

  border:0;

  border-radius:0;

  box-shadow:none;

}

body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__link{

  border:1px solid #1a1a1a !important;

  box-shadow:0 10px 22px rgba(0,0,0,.2);

}

@media (max-width:860px){

  body.acceso-page #login-guide#login-guide .login-lead-combined{

    grid-template-columns:1fr;

  }

  body.acceso-page #login-guide#login-guide .login-lead-combined > h2,

  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side,

  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{

    grid-column:1;

  }

  body.acceso-page #login-guide#login-guide .login-lead-combined > h2{

    grid-row:1;

  }

  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{

    grid-row:2;

  }

  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{

    grid-row:3;

    width:min(340px,100%);

    margin:0 auto;

  }

}

@media (max-width:560px){

  body.acceso-page #login-guide#login-guide .login-lead-combined{

    padding:17px;

    border-radius:14px;

  }

}



/* Individual OS login guides */

body.acceso-page #login-guide#login-guide .login-os-card{

  --os-accent:#018af9;

  position:relative;

  margin:26px 0;

  padding:24px;

  overflow:hidden;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:0 14px 28px rgba(0,0,0,.18);

}

body.acceso-page #login-guide#login-guide .login-os-card--windows{

  --os-accent:#1a1a1a;

}

body.acceso-page #login-guide#login-guide .login-os-card::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:4px;

  background:var(--os-accent);

}

body.acceso-page #login-guide#login-guide .login-os-card__head{

  display:flex;

  align-items:center;

  gap:18px;

  margin:0 0 20px;

  padding-bottom:18px;

  border-bottom:1px solid rgba(89,184,168,.3);

}

body.acceso-page #login-guide#login-guide .login-os-card__icon{

  display:flex;

  width:64px;

  height:64px;

  flex:0 0 64px;

  align-items:center;

  justify-content:center;

  border-radius:16px;

  color:#fff;

}

body.acceso-page #login-guide#login-guide .login-os-card__icon svg{

  display:block;

  width:39px;

  height:39px;

  fill:currentColor;

}

body.acceso-page #login-guide#login-guide .login-os-card__icon--ios{

  background:#0D0D0D;

}

body.acceso-page #login-guide#login-guide .login-os-card__icon--android{

  background:#018af9;

}

body.acceso-page #login-guide#login-guide .login-os-card__icon--windows{

  background:#1a1a1a;

}

body.acceso-page #login-guide#login-guide .login-os-card__eyebrow{

  display:block;

  margin-bottom:5px;

  color:var(--os-accent);

  font-family:Arial,Helvetica,sans-serif;

  font-size:13px;

  line-height:1.2;

  font-weight:800;

  letter-spacing:.04em;

  text-transform:uppercase;

}

body.acceso-page #login-guide#login-guide .login-os-card__head h2{

  margin:0 !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(29px,3.5vw,39px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body.acceso-page #login-guide#login-guide .login-os-card > p{

  margin:0 0 18px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

body.acceso-page #login-guide#login-guide .login-os-card > ol{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

  counter-reset:os-login-step;

}

body.acceso-page #login-guide#login-guide .login-os-card > ol li{

  position:relative;

  min-height:52px;

  margin:0 !important;

  padding:12px 12px 12px 44px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.4 !important;

  counter-increment:os-login-step;

}

body.acceso-page #login-guide#login-guide .login-os-card > ol li::before{

  content:counter(os-login-step);

  position:absolute;

  top:12px;

  left:12px;

  display:flex;

  width:22px;

  height:22px;

  align-items:center;

  justify-content:center;

  background:var(--os-accent);

  border-radius:50%;

  color:#2A1A10;

  font-size:11px;

  font-weight:800;

}

body.acceso-page #login-guide#login-guide .login-os-card > .login-os-card__tip{

  margin:0 0 20px !important;

  padding:13px 15px;

  background:#0d0d0d;

  border-left:3px solid var(--os-accent);

  border-radius:0 9px 9px 0;

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

  font-size:13px !important;

}

body.acceso-page #login-guide#login-guide .login-os-card > .cta-center{

  margin:0 !important;

}

@media (max-width:680px){

  body.acceso-page #login-guide#login-guide .login-os-card{

    padding:19px 16px;

    border-radius:14px;

  }

  body.acceso-page #login-guide#login-guide .login-os-card__head{

    align-items:flex-start;

    gap:14px;

  }

  body.acceso-page #login-guide#login-guide .login-os-card__icon{

    width:54px;

    height:54px;

    flex-basis:54px;

  }

  body.acceso-page #login-guide#login-guide .login-os-card > ol{

    grid-template-columns:1fr;

  }

  body.acceso-page #login-guide#login-guide .login-os-card > p{

    font-size:14px !important;

  }

}



/* Remaining Login-page content blocks */

body.acceso-page #login-guide#login-guide .login-content-card{

  --content-accent:#018af9;

  position:relative;

  margin:26px 0;

  padding:24px;

  overflow:hidden;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:0 14px 28px rgba(0,0,0,.18);

}

body.acceso-page #login-guide#login-guide .login-content-card--security{

  --content-accent:#1a1a1a;

}

body.acceso-page #login-guide#login-guide .login-content-card--troubleshoot{

  --content-accent:#3ba0ff;

}

body.acceso-page #login-guide#login-guide .login-content-card::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:4px;

  background:var(--content-accent);

}

body.acceso-page #login-guide#login-guide .login-content-card > h2{

  margin:0 0 18px !important;

  padding-bottom:16px;

  border-bottom:1px solid rgba(89,184,168,.3);

  font-family:Antonio,sans-serif !important;

  font-size:clamp(30px,3.5vw,39px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body.acceso-page #login-guide#login-guide .login-content-card > p{

  margin:0 0 17px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

body.acceso-page #login-guide#login-guide .login-content-card > ul{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

}

body.acceso-page #login-guide#login-guide .login-content-card > ul li{

  position:relative;

  margin:0 !important;

  padding:12px 12px 12px 40px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.4 !important;

}

body.acceso-page #login-guide#login-guide .login-content-card > ul li::before{

  content:"\2713";

  position:absolute;

  top:13px;

  left:13px;

  display:flex;

  width:17px;

  height:17px;

  align-items:center;

  justify-content:center;

  background:var(--content-accent);

  border-radius:3px;

  color:#fff;

  font-size:10px;

  font-weight:800;

}

body.acceso-page #login-guide#login-guide .login-content-card > ol{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

  counter-reset:content-step;

}

body.acceso-page #login-guide#login-guide .login-content-card > ol li{

  position:relative;

  min-height:52px;

  margin:0 !important;

  padding:12px 12px 12px 44px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.4 !important;

  counter-increment:content-step;

}

body.acceso-page #login-guide#login-guide .login-content-card > ol li::before{

  content:counter(content-step);

  position:absolute;

  top:12px;

  left:12px;

  display:flex;

  width:22px;

  height:22px;

  align-items:center;

  justify-content:center;

  background:var(--content-accent);

  border-radius:50%;

  color:#2A1A10;

  font-size:11px;

  font-weight:800;

}

html body.acceso-page #login-guide#login-guide .login-content-card .table-wrapper{

  margin:18px 0 0 !important;

  padding:0 !important;

  overflow-x:auto;

  background:transparent !important;

  border:0 !important;

  border-radius:10px !important;

  box-shadow:none !important;

}

html body.acceso-page #login-guide#login-guide .login-content-card table{

  width:100% !important;

  min-width:680px;

  margin:0 !important;

  border:1px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#0d0d0d !important;

}

html body.acceso-page #login-guide#login-guide .login-content-card table :is(thead,tbody,tr,th,td),

html body.acceso-page #login-guide#login-guide .login-content-card table tr:nth-child(odd) :is(th,td),

html body.acceso-page #login-guide#login-guide .login-content-card table tr:nth-child(even) :is(th,td),

html body.acceso-page #login-guide#login-guide .login-content-card table tr:hover :is(th,td){

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

}

html body.acceso-page #login-guide#login-guide .login-content-card table :is(th,td){

  padding:10px 9px !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

}

body.acceso-page #login-guide#login-guide .login-content-card > .cta-center{

  margin:20px 0 0 !important;

}

body.acceso-page #login-guide#login-guide .login-content-card > .cta-center--pair{

  display:flex !important;

  flex-wrap:wrap;

  gap:24px !important;

}

body.acceso-page #login-guide#login-guide .login-content-card--faq > p{

  color:#0d0d0d !important;

  -webkit-text-fill-color:#0d0d0d !important;

}

body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item{

  margin:10px 0 !important;

  padding:16px 18px !important;

  background:#0d0d0d !important;

  border:1px solid rgba(1, 138, 249, .85) !important;

  border-radius:11px !important;

}

body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item h3{

  margin:0 0 7px !important;

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  font-size:16px !important;

  line-height:1.35 !important;

}

body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item p{

  margin:0 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1.5 !important;

}

@media (max-width:680px){

  body.acceso-page #login-guide#login-guide .login-content-card{

    padding:19px 16px;

    border-radius:14px;

  }

  body.acceso-page #login-guide#login-guide .login-content-card > ul,

  body.acceso-page #login-guide#login-guide .login-content-card > ol{

    grid-template-columns:1fr;

  }

  body.acceso-page #login-guide#login-guide .login-content-card > p{

    font-size:14px !important;

  }

  body.acceso-page #login-guide#login-guide .login-content-card > .cta-center--pair{

    gap:18px !important;

  }

}



/* Complete Bonus-page visual system */

body.bonus-page main > .page-title{

  margin-bottom:22px !important;

  font-family:Antonio,sans-serif !important;

  font-size:clamp(40px,5vw,56px) !important;

  line-height:1.05 !important;

  font-weight:600 !important;

}

body.bonus-page #bonus-guide#bonus-guide > .legal-note{

  position:relative;

  margin:0 0 24px !important;

  padding:58px 22px 20px !important;

  background:#1a1a1a !important;

  border:1px solid #1a1a1a !important;

  border-radius:16px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:15px !important;

  line-height:1.55 !important;

  box-shadow:0 14px 28px rgba(0,0,0,.16);

}

body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{

  content:"Bonus guide";

  position:absolute;

  top:18px;

  left:22px;

  display:inline-flex;

  padding:7px 14px;

  background:#018af9;

  border-radius:999px;

  color:#fff;

  -webkit-text-fill-color:#fff;

  font-size:13px;

  line-height:1;

  font-weight:700;

}

body.bonus-page #bonus-guide#bonus-guide > .home-hero{

  margin:0 0 28px !important;

  padding:14px !important;

  background:#1a1a1a !important;

  border:1px solid #1a1a1a !important;

  border-radius:18px !important;

  box-shadow:0 16px 30px rgba(0,0,0,.2) !important;

}

body.bonus-page #bonus-guide#bonus-guide > .home-hero .frame{

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

}

body.bonus-page #bonus-guide#bonus-guide > .home-hero .banner{

  display:block;

  width:100% !important;

  height:auto !important;

  max-height:none !important;

  object-fit:contain !important;

  border:1px solid #018af9 !important;

  border-radius:13px !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card{

  --bonus-accent:#018af9;

  position:relative;

  margin:26px 0;

  padding:24px;

  overflow:hidden;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:0 14px 28px rgba(0,0,0,.18);

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--welcome,

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--vip,

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--payments{

  --bonus-accent:#1a1a1a;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:4px;

  background:var(--bonus-accent);

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > h2{

  margin:0 0 18px !important;

  padding-bottom:16px;

  border-bottom:1px solid rgba(89,184,168,.3);

  font-family:Antonio,sans-serif !important;

  font-size:clamp(30px,3.6vw,40px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > p{

  margin:0 0 17px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card a:not(.pulse-btn){

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-decoration-color:#018af9 !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li{

  position:relative;

  min-height:50px;

  margin:0 !important;

  padding:12px 12px 12px 41px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.4 !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li::before{

  content:"\2713";

  position:absolute;

  top:13px;

  left:13px;

  display:flex;

  width:17px;

  height:17px;

  align-items:center;

  justify-content:center;

  background:var(--bonus-accent);

  border-radius:3px;

  color:#fff;

  -webkit-text-fill-color:#fff;

  font-size:10px;

  font-weight:800;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--voids > ul li::before{

  content:"!";

  border-radius:50%;

  color:#2A1A10;

  -webkit-text-fill-color:#2A1A10;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

  counter-reset:bonus-content-step;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li{

  position:relative;

  min-height:52px;

  margin:0 !important;

  padding:12px 12px 12px 45px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.4 !important;

  counter-increment:bonus-content-step;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li::before{

  content:counter(bonus-content-step);

  position:absolute;

  top:12px;

  left:12px;

  display:flex;

  width:23px;

  height:23px;

  align-items:center;

  justify-content:center;

  background:var(--bonus-accent);

  border-radius:50%;

  color:#2A1A10;

  -webkit-text-fill-color:#2A1A10;

  font-size:11px;

  font-weight:800;

}

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card .table-wrapper{

  margin:18px 0 !important;

  padding:0 !important;

  overflow-x:auto;

  background:transparent !important;

  border:0 !important;

  border-radius:10px !important;

  box-shadow:none !important;

}

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table{

  width:100% !important;

  min-width:620px;

  margin:0 !important;

  border:1px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#0d0d0d !important;

}

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table :is(thead,tbody,tr,th,td),

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:nth-child(odd) :is(th,td),

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:nth-child(even) :is(th,td),

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:hover :is(th,td){

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

}

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table :is(th,td){

  padding:10px 9px !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > .cta-center{

  margin:22px 0 0 !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item{

  margin:10px 0 !important;

  padding:16px 18px !important;

  background:#0d0d0d !important;

  border:1px solid rgba(1, 138, 249, .85) !important;

  border-radius:11px !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item h3{

  margin:0 0 7px !important;

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  font-size:16px !important;

  line-height:1.35 !important;

}

body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item p{

  margin:0 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:14px !important;

  line-height:1.5 !important;

}

@media (max-width:680px){

  body.bonus-page #bonus-guide#bonus-guide > .legal-note{

    padding:56px 16px 18px !important;

  }

  body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{

    left:16px;

  }

  body.bonus-page #bonus-guide#bonus-guide > .home-hero{

    padding:9px !important;

    border-radius:14px !important;

  }

  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card{

    padding:19px 16px;

    border-radius:14px;

  }

  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul,

  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol{

    grid-template-columns:1fr;

  }

  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > p{

    font-size:14px !important;

  }

}



/* ===== LEGAL PAGES ? dark content cards (terms/privacy/responsible/payments/kyc/aml) ===== */

body.legal-page .shell > main{

  display:flex;

  flex-direction:column;

  gap:0;

}

body.legal-page :is(.shell > main, main) > .page-title{

  margin-bottom:18px !important;

}

body.legal-page #legal-guide#legal-guide{

  display:block;

  background:transparent !important;

  border:0 !important;

  box-shadow:none !important;

  padding:0 !important;

}

body.legal-page #legal-guide#legal-guide > .legal-note{

  position:relative;

  margin:0 0 24px !important;

  padding:58px 22px 20px !important;

  background:#1a1a1a !important;

  border:1px solid #1a1a1a !important;

  border-radius:16px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:15px !important;

  line-height:1.55 !important;

  box-shadow:0 14px 28px rgba(0,0,0,.16);

}

body.legal-page #legal-guide#legal-guide > .legal-note::before{

  content:"Legal guide";

  position:absolute;

  top:18px;

  left:22px;

  display:inline-flex;

  padding:7px 14px;

  background:#018af9;

  border-radius:999px;

  color:#fff;

  -webkit-text-fill-color:#fff;

  font-size:13px;

  line-height:1;

  font-weight:700;

}

body.terms-page #legal-guide#legal-guide > .legal-note::before{ content:"Terms guide"; }

body.privacy-page #legal-guide#legal-guide > .legal-note::before{ content:"Privacy guide"; }

body.responsible-page #legal-guide#legal-guide > .legal-note::before{ content:"Safer play"; }

body.payments-page #legal-guide#legal-guide > .legal-note::before{ content:"Payments guide"; }

body.kyc-page #legal-guide#legal-guide > .legal-note::before{ content:"KYC guide"; }

body.aml-page #legal-guide#legal-guide > .legal-note::before{ content:"AML guide"; }



body.legal-page #legal-guide#legal-guide .legal-content-card{

  --legal-accent:#018af9;

  position:relative;

  margin:26px 0;

  padding:24px;

  overflow:hidden;

  background:#1a1a1a;

  border:1px solid #1a1a1a;

  border-radius:18px;

  box-shadow:0 14px 28px rgba(0,0,0,.16);

}

body.legal-page #legal-guide#legal-guide .legal-content-card--alt{

  --legal-accent:#1a1a1a;

}

body.legal-page #legal-guide#legal-guide .legal-content-card--warn{

  --legal-accent:#018af9;

}

body.legal-page #legal-guide#legal-guide .legal-content-card::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:4px;

  background:var(--legal-accent);

}

body.legal-page #legal-guide#legal-guide .legal-content-card > h2{

  margin:0 0 18px !important;

  padding-bottom:16px;

  border-bottom:1px solid rgba(89,184,168,.3);

  font-family:Antonio,sans-serif !important;

  font-size:clamp(28px,3.4vw,38px) !important;

  line-height:1.08 !important;

  font-weight:600 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > p{

  margin:0 0 17px !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:15px !important;

  line-height:1.55 !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > p:last-child{

  margin-bottom:0 !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card a:not(.pulse-btn){

  color:#018af9 !important;

  -webkit-text-fill-color:#018af9 !important;

  text-decoration-color:#018af9 !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > ul{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > ul li{

  position:relative;

  min-height:50px;

  margin:0 !important;

  padding:12px 12px 12px 41px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:14px !important;

  line-height:1.45 !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > ul li::before{

  content:"\2713";

  position:absolute;

  top:13px;

  left:13px;

  display:flex;

  width:17px;

  height:17px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:4px;

  color:#2A1A10;

  -webkit-text-fill-color:#2A1A10;

  font-size:11px;

  font-weight:700;

  line-height:1;

}

body.legal-page #legal-guide#legal-guide .legal-content-card--warn > ul li::before{

  content:"!";

  border-radius:50%;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > ol{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:10px;

  margin:0 0 20px !important;

  padding:0 !important;

  list-style:none !important;

  counter-reset:legal-content-step;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > ol li{

  position:relative;

  min-height:52px;

  margin:0 !important;

  padding:12px 12px 12px 45px;

  background:#0d0d0d;

  border:1px solid rgba(1, 138, 249, .85);

  border-radius:10px;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:14px !important;

  line-height:1.45 !important;

  counter-increment:legal-content-step;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > ol li::before{

  content:counter(legal-content-step);

  position:absolute;

  top:12px;

  left:12px;

  display:flex;

  width:23px;

  height:23px;

  align-items:center;

  justify-content:center;

  background:#018af9;

  border-radius:50%;

  color:#2A1A10;

  -webkit-text-fill-color:#2A1A10;

  font-size:12px;

  font-weight:700;

  line-height:1;

}

html body.legal-page #legal-guide#legal-guide .legal-content-card .table-wrapper{

  margin:18px 0 !important;

  padding:0 !important;

  overflow-x:auto;

  background:transparent !important;

  border:0 !important;

  border-radius:10px !important;

  box-shadow:none !important;

}

html body.legal-page #legal-guide#legal-guide .legal-content-card table{

  width:100% !important;

  min-width:560px;

  margin:0 !important;

  border:1px solid #1a1a1a !important;

  border-collapse:collapse !important;

  border-spacing:0 !important;

  background:#0d0d0d !important;

}

html body.legal-page #legal-guide#legal-guide .legal-content-card table :is(thead,tbody,tr,th,td),

html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:nth-child(odd) :is(th,td),

html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:nth-child(even) :is(th,td),

html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:hover :is(th,td){

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

}

html body.legal-page #legal-guide#legal-guide .legal-content-card table :is(th,td){

  padding:10px 9px !important;

  border:1px solid #1a1a1a !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-family:Arial,Helvetica,sans-serif !important;

  font-size:13px !important;

  line-height:1.35 !important;

}

body.legal-page #legal-guide#legal-guide .legal-content-card > .cta-center,

body.legal-page #legal-guide#legal-guide > .cta-center{

  margin:22px 0 0 !important;

}

@media (max-width:680px){

  body.legal-page #legal-guide#legal-guide > .legal-note{

    padding:56px 16px 18px !important;

  }

  body.legal-page #legal-guide#legal-guide > .legal-note::before{

    left:16px;

  }

  body.legal-page #legal-guide#legal-guide .legal-content-card{

    padding:19px 16px;

    border-radius:14px;

  }

  body.legal-page #legal-guide#legal-guide .legal-content-card > ul,

  body.legal-page #legal-guide#legal-guide .legal-content-card > ol{

    grid-template-columns:1fr;

  }

  body.legal-page #legal-guide#legal-guide .legal-content-card > p{

    font-size:14px !important;

  }

}



/* ============================================================

   MOBILE FIX PACK (2026-07-30) ? last wins over earlier overrides

   Tables scroll, grids stack, menus open/close, nothing clipped

   ============================================================ */



.drawer-backdrop{

  position:fixed;

  inset:0;

  z-index:119;

  margin:0;

  padding:0;

  border:0;

  background:rgba(0,0,0,.55);

  opacity:0;

  pointer-events:none;

  transition:opacity .28s ease;

  cursor:pointer;

  -webkit-tap-highlight-color:transparent;

}

.drawer-backdrop.is-visible{

  opacity:1;

  pointer-events:auto;

}

body.drawer-open{

  overflow:hidden !important;

}

body.drawer-open .drawer .dnav{

  overflow-y:auto;

  -webkit-overflow-scrolling:touch;

}

@media (max-width:992px){

  .drawer{

    z-index:130 !important;

    visibility:visible;

    pointer-events:auto;

  }

  .drawer.open{

    transform:translateX(0) !important;

  }

  .burger{

    display:inline-flex !important;

    z-index:131;

    position:relative;

  }

}



@media (max-width:992px){

  html, body{

    max-width:100%;

    overflow-x:clip;

  }

  .shell,

  .shell > main,

  .site-footer,

  .section,

  .frame,

  .login-section,

  .facts-info-section,

  #facts,

  #bonuses,

  #payments,

  #login,

  #login-guide,

  #app-guide,

  #legal-guide,

  #bonus-guide{

    min-width:0 !important;

    max-width:100% !important;

  }

  .shell > main,

  .section,

  .login-section,

  #facts,

  #bonuses,

  #login.login-section,

  html body #login#login.login-section{

    overflow:visible !important;

    overflow-x:visible !important;

  }

  .shell > main img,

  .shell > main video,

  .shell > main canvas,

  .shell > main svg,

  .shell > main iframe{

    max-width:100% !important;

    height:auto;

  }

  .shell > main pre,

  .shell > main code{

    overflow-wrap:anywhere;

    word-break:break-word;

  }

}



/* Tables: scroll inside wrapper ? beat overflow:hidden !important */

@media (max-width:768px){

  html body .table-wrapper,

  html body .table-wrapper--scroll,

  html body main .table-wrapper,

  html body main .legal-doc .table-wrapper,

  html body .legal-content-card .table-wrapper,

  html body.bonus-page .bonus-content-card .table-wrapper,

  html body.app-page .app-availability-section .table-wrapper,

  html body.app-page .app-odds-section .table-wrapper,

  html body.app-page .app-payments-section .table-wrapper,

  html body.app-page .app-compare-section .table-wrapper,

  html body.app-page .app-reference-section .table-wrapper,

  html body.app-page .app-info-card__table,

  html body .facts-info-section .app-info-card__table,

  #facts .table-wrapper,

  #bonuses .table-wrapper,

  #payments .table-wrapper{

    overflow-x:auto !important;

    overflow-y:visible !important;

    -webkit-overflow-scrolling:touch;

    overscroll-behavior-x:contain;

    max-width:100% !important;

  }



  html body .table-wrapper:not(.table-wrapper--cards) table,

  html body.app-page .app-availability-section table,

  html body.app-page .app-odds-section table,

  html body.app-page .app-payments-section table,

  html body.app-page .app-compare-section table,

  html body.legal-page .legal-content-card table,

  html body.bonus-page .bonus-content-card table{

    max-width:none !important;

  }



  /* Card tables: stack rows so nothing is clipped */

  html body .table-wrapper--cards{

    overflow:visible !important;

  }

  html body .table-wrapper--cards table,

  html body .table-wrapper--cards thead,

  html body .table-wrapper--cards tbody,

  html body .table-wrapper--cards tr,

  html body .table-wrapper--cards th,

  html body .table-wrapper--cards td{

    display:revert !important;

  }

  html body .table-wrapper--cards table{

    display:block !important;

    width:100% !important;

    min-width:0 !important;

    max-width:100% !important;

    table-layout:auto !important;

  }

  html body .table-wrapper--cards thead{

    display:none !important;

  }

  html body .table-wrapper--cards tbody{

    display:block !important;

  }

  html body .table-wrapper--cards tbody tr{

    display:block !important;

    padding:14px 16px !important;

    border-bottom:1px solid rgba(0,0,0,.28) !important;

  }

  html body .table-wrapper--cards tbody tr:last-child{

    border-bottom:0 !important;

  }

  html body .table-wrapper--cards tbody th[scope="row"],

  html body .table-wrapper--cards tbody td{

    display:block !important;

    width:100% !important;

    min-width:0 !important;

    max-width:none !important;

    box-sizing:border-box !important;

  }

  html body .table-wrapper--cards tbody th[scope="row"]{

    padding:0 0 10px !important;

    margin:0 0 8px !important;

    border-bottom:1px solid rgba(255,255,255,.18) !important;

    font-weight:700 !important;

  }

  html body .table-wrapper--cards tbody td{

    padding:8px 0 !important;

    border:0 !important;

  }

  html body .table-wrapper--cards tbody td::before{

    content:attr(data-label);

    display:block;

    font-weight:700;

    font-size:11px;

    letter-spacing:.04em;

    text-transform:uppercase;

    opacity:.85;

    margin-bottom:4px;

  }



  /* Key/value tables wrap text instead of clipping */

  html body .table-wrapper table:not(:has(thead)),

  html body .facts-info-section .app-info-card__table table,

  html body.app-page .app-info-card__table table,

  html body.app-page .app-overview-table table{

    width:100% !important;

    min-width:0 !important;

    max-width:100% !important;

    table-layout:fixed !important;

  }

  html body .table-wrapper table:not(:has(thead)) :is(th,td),

  html body .facts-info-section .app-info-card__table :is(th,td),

  html body.app-page .app-info-card__table :is(th,td),

  html body.app-page .app-overview-table :is(th,td){

    white-space:normal !important;

    overflow-wrap:anywhere !important;

    word-break:break-word !important;

  }

}



/* Grids / multi-column blocks > single column */

@media (max-width:768px){

  body .facts-info-section .app-info-grid,

  html body.app-page .app-info-grid,

  html body.app-page .app-feature-grid,

  html body.app-page .app-req-grid,

  html body.app-page .app-eco-grid,

  html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__cols,

  html body.app-page #app-guide > details.app-toc .app-toc__list,

  body.acceso-page #login-guide .login-summary-list,

  body.acceso-page #login-guide .login-guide-map ul,

  body.legal-page #legal-guide .legal-content-card > ul,

  body.legal-page #legal-guide .legal-content-card > ol,

  body.bonus-page .bonus-content-card > ul,

  body.bonus-page .bonus-content-card > ol,

  .cta-center.cta-center--pair,

  .login-flow,

  .ft-grid{

    grid-template-columns:1fr !important;

    columns:1 !important;

  }



  html body.app-page .app-odds-intro,

  html body.app-page .app-top-hero,

  html body.app-page .app-ecosystem-intro,

  html body.app-page .app-payments-layout,

  html body.app-page .app-play-layout,

  body.acceso-page #login-guide .login-flow,

  body.acceso-page #login-guide .login-lead-combined,

  html body #login#login .login-flow{

    display:flex !important;

    flex-direction:column !important;

    gap:16px !important;

  }



  html body #login#login .login-banner-block,

  .login-banner-block{

    float:none !important;

    width:100% !important;

    max-width:100% !important;

    margin:0 0 16px !important;

  }



  .cta-center.cta-center--pair .pulse-btn,

  .cta-center.cta-center--pair a{

    width:100% !important;

    max-width:100% !important;

  }



  html body.app-page .app-dl-row,

  html body.app-page .app-dl-row .pulse-btn{

    min-width:0 !important;

    width:100% !important;

    max-width:100% !important;

  }



  /* Hero / frame content stays inside viewport */

  .frame,

  .banner-wrap,

  .hero-overlay{

    max-width:100% !important;

  }

  .frame .banner,

  .banner-wrap img,

  .login-banner-block__img{

    max-width:100% !important;

    width:100% !important;

    height:auto !important;

  }



  /* Chips / category row: allow horizontal scroll without page clip */

  .chips{

    overflow-x:auto !important;

    overflow-y:hidden !important;

    -webkit-overflow-scrolling:touch;

    max-width:100% !important;

  }



  /* Head actions wrap cleanly */

  .head{

    flex-wrap:wrap;

    row-gap:8px;

  }

  .head .btn{

    max-width:100%;

  }

}



@media (max-width:560px){

  html body.app-page .app-screenshots-section .app-shots{

    display:flex !important;

    overflow-x:auto !important;

    overflow-y:hidden !important;

    -webkit-overflow-scrolling:touch;

    height:auto !important;

    max-height:none !important;

  }

  html body.app-page .app-screenshots-section .app-shot{

    flex:0 0 min(72vw, 220px);

    height:auto !important;

    min-height:0 !important;

  }

  html body.app-page .app-screenshots-section .app-shot img{

    width:100% !important;

    height:auto !important;

    object-fit:contain !important;

  }



  html body.app-page .shell > main > details.app-toc-panel,

  html body.app-page .shell > main > details.app-toc-panel[open]{

    width:100% !important;

    max-width:100% !important;

    box-sizing:border-box !important;

  }

  html body.app-page .shell > main > details.app-toc-panel[open]{

    padding:12px 14px 16px !important;

  }

  html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge{

    max-width:100% !important;

  }



  .prov-grid,

  .grid,

  .medals,

  .popular-games__grid{

    grid-template-columns:1fr 1fr !important;

  }

}



@media (max-width:390px){

  .prov-grid,

  .grid,

  .medals,

  .popular-games__grid{

    grid-template-columns:1fr !important;

  }

  .head .btn--login,

  .head .btn--reg{

    min-width:0 !important;

    padding-left:10px !important;

    padding-right:10px !important;

    font-size:11px !important;

  }

}



/* ============================================================

   MOBILE HEADER + FOOTER UI (2026-07-30b)

   1) Drawer above header (no overlap)

   2) Login/Register small, one centered row

   3) Logo centered, search far right

   4) Footer CTA + trust badges smaller

   ============================================================ */



@media (max-width:992px){

  /* Side menu must sit above the fixed header */

  body.drawer-open header{

    z-index:90 !important;

  }

  html body .drawer,

  html body .drawer.open{

    z-index:130 !important;

    top:0 !important;

    bottom:0 !important;

  }

  html body .drawer-backdrop,

  html body .drawer-backdrop.is-visible{

    z-index:125 !important;

    inset:0 !important;

  }

  /* Keep close control usable inside drawer */

  html body .drawer .dclose{

    z-index:2;

    position:relative;

  }



  /* Header layout: burger | logo (center) | search */

  html body header .head{

    display:flex !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:flex-start !important;

    column-gap:8px !important;

    row-gap:8px !important;

    padding-top:8px !important;

    padding-bottom:8px !important;

    min-height:0 !important;

  }

  html body header .head::after{

    content:"" !important;

    order:40 !important;

    flex:0 0 100% !important;

    width:100% !important;

    height:0 !important;

    margin:0 !important;

    border:0 !important;

  }

  html body .head .burger{

    order:1 !important;

    flex:0 0 40px !important;

    width:40px !important;

    min-width:40px !important;

    min-height:40px !important;

    height:40px !important;

    margin:0 !important;

    z-index:1 !important;

    position:relative !important;

  }

  html body .head .logo{

    order:2 !important;

    flex:1 1 auto !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    min-width:0 !important;

    margin:0 !important;

  }

  html body .head .logo img{

    height:34px !important;

    max-width:min(180px, 52vw) !important;

    width:auto !important;

  }

  html body .head .head-nav{

    display:none !important;

  }

  html body .head .head-search-ico{

    order:3 !important;

    flex:0 0 40px !important;

    width:40px !important;

    min-width:40px !important;

    min-height:40px !important;

    height:40px !important;

    margin:0 0 0 auto !important;

    margin-left:auto !important;

  }

  html body .head .lang-switch,

  html body .head .offers-trigger{

    display:none !important;

  }



  /* Login + Register: small, one centered row */

  html body .head .btn--login,

  html body .head .btn--reg,

  html body .head a.btn--login,

  html body .head a.btn--reg{

    order:50 !important;

    flex:0 0 auto !important;

    width:auto !important;

    max-width:none !important;

    min-width:0 !important;

    min-height:32px !important;

    height:32px !important;

    padding:0 14px !important;

    margin:0 !important;

    font-size:11px !important;

    letter-spacing:.04em !important;

    line-height:1 !important;

    white-space:nowrap !important;

    border-radius:999px !important;

  }

  html body .head .btn--login,

  html body .head a.btn--login{

    margin-left:auto !important;

    margin-right:6px !important;

  }

  html body .head .btn--reg,

  html body .head a.btn--reg{

    margin-left:0 !important;

    margin-right:auto !important;

  }



  /* Slightly tighter drawer pills so they fit under the menu */

  html body .drawer .dhead{

    padding:10px 12px !important;

    font-size:14px !important;

  }

  html body .drawer .nav a{

    min-height:40px !important;

    height:auto !important;

    padding:8px 14px !important;

    margin:4px 10px !important;

    font-size:13px !important;

  }

  html body .drawer .nav a .nav-txt{

    font-size:13px !important;

  }

  html body .drawer .nav a .nav-ico,

  html body .drawer .nav a svg.nav-ico,

  html body .drawer .nav a img.nav-ico{

    width:16px !important;

    height:16px !important;

  }

}



@media (max-width:520px){

  html body .head .logo img{

    height:30px !important;

    max-width:min(150px, 48vw) !important;

  }

  html body .head .btn--login,

  html body .head .btn--reg,

  html body .head a.btn--login,

  html body .head a.btn--reg{

    min-height:30px !important;

    height:30px !important;

    padding:0 12px !important;

    font-size:10px !important;

  }

}



/* Footer: smaller LIVE CHAT + trust badges on mobile */

@media (max-width:768px){

  html body .site-footer .ft-head,

  html body .ft-head{

    flex-direction:column !important;

    align-items:center !important;

    gap:10px !important;

    margin-bottom:12px !important;

  }

  html body .site-footer .ft-logo img,

  html body .ft-logo img{

    height:32px !important;

    max-width:160px !important;

  }

  html body .site-footer .ft-cta-center,

  html body .ft-cta-center{

    width:auto !important;

    max-width:100% !important;

  }

  html body .site-footer .ft-btn,

  html body .site-footer a.ft-btn,

  html body .ft-btn,

  html body a.ft-btn.pulse{

    width:auto !important;

    max-width:180px !important;

    min-height:34px !important;

    height:auto !important;

    padding:8px 18px !important;

    font-size:12px !important;

    letter-spacing:.06em !important;

    border-radius:999px !important;

  }

  html body .site-footer .ft-trust,

  html body .ft-trust{

    gap:8px !important;

    justify-content:center !important;

    flex-wrap:wrap !important;

  }

  html body .site-footer .ft-trust img,

  html body .ft-trust img{

    height:20px !important;

    max-height:20px !important;

    width:auto !important;

  }

}



@media (max-width:520px){

  html body .site-footer .ft-logo img,

  html body .ft-logo img{

    height:28px !important;

    max-width:140px !important;

  }

  html body .site-footer .ft-btn,

  html body .site-footer a.ft-btn,

  html body .ft-btn,

  html body a.ft-btn.pulse{

    max-width:160px !important;

    min-height:30px !important;

    padding:6px 14px !important;

    font-size:11px !important;

  }

  html body .site-footer .ft-trust img,

  html body .ft-trust img{

    height:18px !important;

    max-height:18px !important;

  }

}



/* ============================================================

   Drawer site colors + centered auth buttons (2026-07-30c)

   ============================================================ */



/* Mobile drawer matches teal site palette */

html body .drawer,

html body aside.drawer{

  background:#0d0d0d !important;

  background-image:linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 42%, #1a1a1a 100%) !important;

  border-right:2px solid #1a1a1a !important;

  box-shadow:0 20px 60px rgba(0,0,0,.55) !important;

  border-radius:0 16px 16px 0 !important;

  outline:none !important;

}

html body .drawer .dhead{

  background:#141414 !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  border-bottom:1px solid #1a1a1a !important;

  border-top:0 !important;

  border-left:0 !important;

  border-right:0 !important;

  outline:none !important;

  box-shadow:none !important;

}

html body .drawer .dnav{

  background:transparent !important;

}

html body .drawer .nav .sep{

  border-top:1px solid rgba(1, 138, 249, .85) !important;

  margin:8px 14px !important;

}

html body .drawer .dclose,

html body .drawer .dclose__label{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  background:transparent !important;

  border:none !important;

  box-shadow:none !important;

}

html body .drawer .dclose__icon::before,

html body .drawer .dclose__icon::after{

  background:#fff !important;

  box-shadow:none !important;

}



/* Auth buttons centered as a group */

html body .head-auth{

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:8px !important;

  width:100% !important;

  flex:0 0 100% !important;

  order:50 !important;

  margin:0 !important;

  padding:0 !important;

}

html body .head-auth .btn--login,

html body .head-auth .btn--reg,

html body .head-auth a.btn{

  order:unset !important;

  flex:0 0 auto !important;

  width:auto !important;

  max-width:none !important;

  margin:0 !important;

  min-height:32px !important;

  height:32px !important;

  padding:0 14px !important;

  font-size:11px !important;

  letter-spacing:.04em !important;

  line-height:1 !important;

  white-space:nowrap !important;

  border-radius:999px !important;

}



@media (max-width:992px){

  html body header .head::after{

    display:none !important;

    content:none !important;

  }

  html body .head .btn--login,

  html body .head .btn--reg,

  html body .head a.btn--login,

  html body .head a.btn--reg{

    margin-left:0 !important;

    margin-right:0 !important;

  }

}



@media (max-width:520px){

  html body .head-auth{

    gap:6px !important;

  }

  html body .head-auth .btn--login,

  html body .head-auth .btn--reg,

  html body .head-auth a.btn{

    min-height:30px !important;

    height:30px !important;

    padding:0 12px !important;

    font-size:10px !important;

  }

}



@media (min-width:993px){

  html body .head-auth{

    display:contents !important;

  }

}



/* ============================================================

   Mobile chips + drawer nav: compact & even (2026-07-30d)

   ============================================================ */



@media (max-width:768px){

  /* Category chips: no bubble, smaller, even grid */

  html body .shell .chips,

  html body main .chips,

  html body .chips{

    display:grid !important;

    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;

    gap:6px !important;

    margin:10px 0 0 !important;

    padding:8px !important;

    max-width:100% !important;

    background:#0d0d0d !important;

    background-image:none !important;

    border:1px solid #018af9 !important;

    border-radius:14px !important;

    box-shadow:0 0 0 1px rgba(1,138,249,.2) !important;

    overflow:visible !important;

    flex-wrap:unset !important;

  }

  html body .chips::before,

  html body .chips::after{

    display:none !important;

    content:none !important;

  }

  html body .chips a.chip,

  html body .shell .chips a.chip,

  html body main .chips a.chip{

    width:100% !important;

    min-width:0 !important;

    max-width:none !important;

    flex:unset !important;

    height:28px !important;

    min-height:28px !important;

    padding:0 4px !important;

    margin:0 !important;

    gap:3px !important;

    font-size:8px !important;

    letter-spacing:.03em !important;

    border-radius:8px !important;

    box-sizing:border-box !important;

    justify-content:center !important;

  }

  html body .chips a.chip .chip-ico,

  html body .chips a.chip .chip-ico svg,

  html body .chips a.chip img.chip-ico{

    width:11px !important;

    height:11px !important;

    flex:0 0 11px !important;

  }

  html body .chips a.chip .chip-txt{

    font-size:8px !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;

    white-space:nowrap !important;

    max-width:100% !important;

  }

}



@media (max-width:420px){

  html body .shell .chips,

  html body main .chips,

  html body .chips{

    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;

    gap:5px !important;

  }

  html body .chips a.chip,

  html body .shell .chips a.chip,

  html body main .chips a.chip{

    height:26px !important;

    min-height:26px !important;

    font-size:7.5px !important;

    padding:0 3px !important;

    border-radius:7px !important;

  }

}



/* Drawer menu: same size buttons, less bulbous */

@media (max-width:992px){

  html body .drawer .dnav{

    padding:10px 12px 16px !important;

  }

  html body .drawer .dnav .nav,

  html body .drawer ul.nav{

    display:flex !important;

    flex-direction:column !important;

    gap:6px !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

    width:100% !important;

  }

  html body .drawer .nav > li{

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

  }

  html body .drawer .nav > li.sep{

    height:0 !important;

    margin:4px 0 !important;

    padding:0 !important;

    border:0 !important;

    border-top:1px solid rgba(1, 138, 249, .9) !important;

    background:transparent !important;

    width:100% !important;

  }

  html body .drawer .nav a,

  html body .drawer .nav a:link,

  html body .drawer .nav a:visited,

  html body .drawer .nav a:hover,

  html body .drawer .nav a:active,

  html body .drawer .nav a:focus-visible,

  html body .drawer .nav a.is-active{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    box-sizing:border-box !important;

    margin:0 !important;

    height:36px !important;

    min-height:36px !important;

    max-height:36px !important;

    padding:0 12px !important;

    gap:10px !important;

    border-radius:10px !important;

    font-size:12px !important;

    letter-spacing:.04em !important;

    line-height:1 !important;

    box-shadow:none !important;

  }

  html body .drawer .nav a .nav-txt,

  html body .drawer .nav a.is-active .nav-txt{

    flex:1 1 auto !important;

    font-size:12px !important;

    font-weight:700 !important;

    white-space:nowrap !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;

  }

  html body .drawer .nav a .nav-ico,

  html body .drawer .nav a svg.nav-ico,

  html body .drawer .nav a img.nav-ico,

  html body .drawer .nav a.is-active .nav-ico,

  html body .drawer .nav a.is-active svg.nav-ico,

  html body .drawer .nav a.is-active img.nav-ico{

    width:15px !important;

    height:15px !important;

    flex:0 0 15px !important;

    margin:0 !important;

  }

}



/* ============================================================

   HARD LOCK: header must NEVER cover the mobile drawer

   (beats header{z-index:1000!important} from earlier themes)

   ============================================================ */

html body.drawer-open header,

html body.drawer-open header.scrolled,

html body.drawer-open > header{

  z-index:1 !important;

  visibility:hidden !important;

  pointer-events:none !important;

  opacity:0 !important;

}

html body.drawer-open #drawer,

html body.drawer-open aside.drawer,

html body.drawer-open .drawer,

html body.drawer-open .drawer.open,

html body aside#drawer.drawer.open{

  z-index:10050 !important;

  position:fixed !important;

  top:0 !important;

  left:0 !important;

  bottom:0 !important;

  visibility:visible !important;

  opacity:1 !important;

  pointer-events:auto !important;

  transform:translateX(0) !important;

}

html body.drawer-open #drawer-backdrop,

html body.drawer-open .drawer-backdrop,

html body.drawer-open .drawer-backdrop.is-visible{

  z-index:10040 !important;

  position:fixed !important;

  inset:0 !important;

  visibility:visible !important;

  opacity:1 !important;

  pointer-events:auto !important;

}



/* ============================================================

   Fix: header/footer flush to viewport edges (no left gap)

   ============================================================ */

html{

  scrollbar-gutter: auto !important;

}

html, body{

  margin:0 !important;

  padding-left:0 !important;

  padding-right:0 !important;

  max-width:100% !important;

  overflow-x:hidden !important;

}

html body header,

html body header.scrolled{

  left:0 !important;

  right:0 !important;

  width:100% !important;

  max-width:100% !important;

  margin:0 !important;

  padding-left:0 !important;

  padding-right:0 !important;

  transform:none !important;

  inset-inline:0 !important;

}

html body header .head{

  margin-left:auto !important;

  margin-right:auto !important;

  width:100% !important;

  max-width:var(--max, 1280px) !important;

  box-sizing:border-box !important;

}

html body .site-footer{

  width:100% !important;

  max-width:100% !important;

  margin-left:0 !important;

  margin-right:0 !important;

  left:auto !important;

  right:auto !important;

  transform:none !important;

  box-sizing:border-box !important;

}

html body .site-footer .ft-wrap{

  margin-left:auto !important;

  margin-right:auto !important;

  width:100% !important;

  max-width:1320px !important;

  box-sizing:border-box !important;

}



/* ===== MrPunter brand: header/footer charcoal, no green/purple ===== */

:root{

  --mrp-header:#1a1a1a;

  --mrp-accent:#3b9dff;

  --mrp-accent-deep:#1e7ae6;

}

html body header,

html body header.scrolled{

  background:#1a1a1a !important;

  background-image:none !important;

  border-bottom:1px solid rgba(255,255,255,.08) !important;

  box-shadow:0 4px 20px rgba(0,0,0,.45) !important;

  backdrop-filter:none !important;

}

html body .site-footer{

  background:#1a1a1a !important;

  background-image:none !important;

  border-top:1px solid rgba(255,255,255,.10) !important;

  --ft-bg0:#1a1a1a;

  --ft-bg1:#1a1a1a;

}

html body header .burger,

html body header .head-search-ico{

  background:#121212 !important;

  border-color:rgba(255,255,255,.14) !important;

}

html body header .head-nav__link--active{

  border-bottom-color:#3b9dff !important;

}

html body header .head-nav__link:hover{

  border-bottom-color:rgba(59,157,255,.75) !important;

}

html body .logo img,

html body header .logo img{

  height:44px !important;

  max-width:220px !important;

  width:auto !important;

  filter:none !important;

}

html body .ft-logo img,

html body .site-footer .ft-logo img{

  height:40px !important;

  max-width:200px !important;

  width:auto !important;

  filter:none !important;

}

/* Replace locked neon-green CTAs with brand blue */

html body :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){

  border:2px solid #3b9dff !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;

  background:

    linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 36%),

    linear-gradient(180deg, #5cb0ff 0%, #3b9dff 48%, #1e7ae6 100%) !important;

  box-shadow:

    0 0 0 1px rgba(30,122,230,.45),

    0 3px 10px rgba(0,0,0,.4),

    inset 0 1px 0 rgba(255,255,255,.22) !important;

}

html body :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,

html body :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{

  background:transparent !important;

  border:none !important;

  box-shadow:none !important;

}

html body .ft-btn{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  font-size:16px !important;

}

html body #updatedBox svg path{

  stroke:#3b9dff !important;

}

@media (max-width:520px){

  html body .logo img,

  html body header .logo img{ height:38px !important; max-width:180px !important; }

}

@media (max-width:390px){

  html body .logo img,

  html body header .logo img{ height:32px !important; max-width:150px !important; }

}





/* ===== FINAL MrPunter palette lock (teal->charcoal, peach->blue) ===== */

html{

  --mx-green:#018af9 !important;

  --mx-green-bright:#3ba0ff !important;

  --primary:#018af9 !important;

  --primary-mid:#3ba0ff !important;

  --primary-dark:#006bf6 !important;

  --primary-glow:rgba(1,138,249,.4) !important;

  --secondary:#018af9 !important;

  --secondary-light:#5cb0ff !important;

  --gold1:#3ba0ff !important;

  --gold2:#018af9 !important;

  --gold3:#006bf6 !important;

  --btn-gold1:#3ba0ff !important;

  --btn-gold2:#018af9 !important;

  --btn-gold3:#006bf6 !important;

  --hdr-bg-top:#1a1a1a !important;

  --hdr-bg-bot:#1a1a1a !important;

  --cresus-teal:#1a1a1a !important;

  --cresus-teal-deep:#141414 !important;

  --cresus-page:#1a1a1a !important;

  --cresus-deep:#141414 !important;

  --cresus-orange:#018af9 !important;

  --cresus-orange-deep:#006bf6 !important;

  --cresus-orange-soft:#3ba0ff !important;

  --chip-green-frame:#006bf6 !important;

  --mrp-header:#1a1a1a !important;

  --mrp-accent:#018af9 !important;

  --mrp-accent-deep:#006bf6 !important;

  --casea-btn-blue:

    linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 38%),

    linear-gradient(180deg, #3ba0ff 0%, #018af9 52%, #006bf6 100%) !important;

  --casea-btn-gold:linear-gradient(180deg, #3ba0ff 0%, #018af9 45%, #006bf6 100%) !important;

  --casea-btn-face:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;

  --chip-green-face:

    linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 32%),

    #018af9 !important;

}

html body header,

html body header.scrolled,

html body .site-footer{

  background:#1a1a1a !important;

  background-image:none !important;

}

html body :is(

  .head .btn,

  .pulse-btn,

  .vmore-btn,

  .ft-btn,

  .btn--login,

  .btn--reg,

  .hero-cta,

  .play,

  .game-play-btn,

  .chip,

  .home-app-guide-card

){

  border-color:#018af9 !important;

}

html body :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){

  border:none !important;

  border-radius:999px !important;

  clip-path:none !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;

  box-shadow:0 4px 14px rgba(0,107,246,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;

}

html body :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,

html body :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{

  display:none !important;

}

html body .chip{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 55%, #006bf6 100%) !important;

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body .chip-ico,

html body .chip-txt{

  color:#fff !important;

  -webkit-text-fill-color:#fff !important;

}

html body .aside .nav a.is-active,

html body .drawer .nav a.is-active{

  color:#fff !important;

}

html body .aside .nav a.is-active::after,

html body .drawer .nav a.is-active::after,

html body .aside .nav a::after,

html body .drawer .nav a::after{

  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;

}

html body #updatedBox{

  border-color:rgba(1,138,249,.45) !important;

}

html body #updatedBox svg path{

  stroke:#018af9 !important;

}



/* Thin blue frames: sidebar + chips — identical to main page frame */

html body .shell > .aside,

html body aside.aside,

html body .aside{

  border:1px solid #018af9 !important;

  outline:none !important;

  background:#0d0d0d !important;

  background-image:none !important;

  box-shadow:

    0 14px 44px rgba(0,0,0,.45),

    0 0 0 1px rgba(1,138,249,.2) !important;

}

html body .shell > main,

html body main{

  border:1px solid #018af9 !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.35),

    0 0 0 1px rgba(1,138,249,.2) !important;

}

html body .shell .chips,

html body .shell > main .chips,

html body main .chips,

html body .chips{

  border:1px solid #018af9 !important;

  border-radius:14px !important;

  padding:10px !important;

  background:#0d0d0d !important;

  background-image:none !important;

  box-shadow:

    0 4px 16px rgba(0,0,0,.28),

    0 0 0 1px rgba(1,138,249,.2) !important;

}

html body .frame.frame--home-hero,

html body .home-hero .frame,

html body .frame.frame--home-hero::before{

  border-color:#018af9 !important;

}

html body .drawer{

  border-right:1px solid #018af9 !important;

}

@media (max-width:768px){

  html body .shell .chips,

  html body main .chips,

  html body .chips{

    border:1px solid #018af9 !important;

    border-radius:14px !important;

    padding:8px !important;

    background:#0d0d0d !important;

    box-shadow:0 0 0 1px rgba(1,138,249,.2) !important;

  }

}





/* ===== Kill remaining dark-green blocks → chips black #0d0d0d ===== */

html body #casino-intro#casino-intro,

html body .intro.intro--lead,

html body .section.intro.intro--lead,

html body .app-info-card,

html body .legal-content-card,

html body .bonus-content-card,

html body .login-content-card,

html body .acceso-panel,

html body .login-banner-block,

html body .home-app-guide-card{

  background:#0d0d0d !important;

  background-color:#0d0d0d !important;

  background-image:none !important;

}

html body #casino-intro#casino-intro{

  border:1px solid #018af9 !important;

}



/* ===== ALL PAGES = same palette as homepage (charcoal + blue) ===== */

html body.page-home,

html body.app-page,

html body.bonus-page,

html body.acceso-page,

html body.legal-page,

html body.terms-page,

html body.privacy-page,

html body.responsible-page,

html body.aml-page,

html body.kyc-page,

html body.payments-page{

  background:#0d0d0d !important;

  background-image:none !important;

  color:#ffffff !important;

}



html body.app-page .shell > main,

html body.bonus-page .shell > main,

html body.acceso-page .shell > main,

html body.legal-page .shell > main,

html body.terms-page .shell > main,

html body.privacy-page .shell > main,

html body.responsible-page .shell > main,

html body.aml-page .shell > main,

html body.kyc-page .shell > main,

html body.payments-page .shell > main,

html body.app-page main,

html body.bonus-page main,

html body.acceso-page main,

html body.legal-page main{

  background:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #018af9 !important;

  box-shadow:

    0 12px 40px rgba(0,0,0,.35),

    0 0 0 1px rgba(1,138,249,.2) !important;

}



html body.app-page .aside,

html body.bonus-page .aside,

html body.acceso-page .aside,

html body.legal-page .aside,

html body.app-page .shell > .aside,

html body.bonus-page .shell > .aside,

html body.acceso-page .shell > .aside,

html body.legal-page .shell > .aside{

  background:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #018af9 !important;

  box-shadow:0 0 0 1px rgba(1,138,249,.2) !important;

}



/* Kill green/teal glows left on app/bonus/login hero frames */

html body.app-page .frame.frame--home-hero,

html body.bonus-page .frame.frame--home-hero,

html body.acceso-page .frame.frame--home-hero,

html body.app-page .home-hero .frame,

html body.bonus-page .home-hero .frame{

  background:#0d0d0d !important;

  background-image:none !important;

  border:1px solid #018af9 !important;

  box-shadow:

    0 0 0 1px rgba(0,0,0,.55) inset,

    0 26px 70px rgba(0,0,0,.52),

    0 0 0 1px rgba(1,138,249,.25) !important;

}

html body.app-page .home-hero .banner.banner--promo-hero,

html body.bonus-page .home-hero .banner.banner--promo-hero{

  box-shadow:

    0 0 0 1px rgba(0,0,0,.5) inset,

    0 16px 48px rgba(0,0,0,.42) !important;

}

html body.app-page .app-float-banner__link,

html body.acceso-page .app-float-banner__link,

html body.bonus-page .app-float-banner__link{

  border:1px solid #018af9 !important;

  box-shadow:0 16px 40px rgba(0,0,0,.45) !important;

}

html body.app-page .app-float-banner__link:hover,

html body.acceso-page .app-float-banner__link:hover,

html body.bonus-page .app-float-banner__link:hover{

  box-shadow:

    0 20px 48px rgba(0,0,0,.5),

    0 0 0 1px rgba(1,138,249,.35) !important;

}



/* Legal / content cards unify */

html body.legal-page .legal-content-card,

html body.legal-page .legal-doc,

html body.bonus-page .bonus-content-card,

html body.bonus-page .legal-doc,

html body.acceso-page .legal-doc,

html body.acceso-page .login-content-card,

html body.app-page .app-info-card,

html body.app-page .legal-content-card,

html body .legal-note,

html body .app-eco-card,

html body .faq-item,

html body .login-lead-combined,

html body .table-wrapper,

html body .app-info-grid .app-info-card{

  background:#0d0d0d !important;

  background-image:none !important;

  border-color:#018af9 !important;

}

html body.legal-page .legal-content-card,

html body.bonus-page .bonus-content-card,

html body.acceso-page .login-content-card,

html body .legal-content-card,

html body .bonus-content-card{

  border:1px solid #018af9 !important;

  box-shadow:0 8px 24px rgba(0,0,0,.3) !important;

}



html body .page-title,

html body h1,

html body h2,

html body h3{

  color:#ffffff !important;

}

html body p,

html body li,

html body td,

html body th,

html body .legal-note,

html body .nav-txt{

  color:inherit;

}

html body.legal-page .legal-doc p,

html body.legal-page .legal-doc li,

html body.bonus-page .legal-doc p,

html body.acceso-page .legal-doc p,

html body.acceso-page .legal-doc li{

  color:#d0d0d0 !important;

}



/* Tables on subpages */

html body.legal-page table,

html body.bonus-page table,

html body.acceso-page table,

html body.app-page table,

html body .app-info-card table{

  background:#0d0d0d !important;

}

html body.legal-page th,

html body.bonus-page th,

html body.acceso-page th,

html body.app-page th,

html body .app-info-card th{

  background:#121212 !important;

  color:#ffffff !important;

  border-color:rgba(1,138,249,.35) !important;

}

html body.legal-page td,

html body.bonus-page td,

html body.acceso-page td,

html body.app-page td,

html body .app-info-card td{

  background:#0d0d0d !important;

  color:#e8e8e8 !important;

  border-color:rgba(1,138,249,.25) !important;

}



/* Header/footer identical on every page */

html body.app-page header,

html body.bonus-page header,

html body.acceso-page header,

html body.legal-page header,

html body.app-page header.scrolled,

html body.bonus-page header.scrolled,

html body.acceso-page header.scrolled,

html body.legal-page header.scrolled,

html body.app-page .site-footer,

html body.bonus-page .site-footer,

html body.acceso-page .site-footer,

html body.legal-page .site-footer{

  background:#1a1a1a !important;

  background-image:none !important;

}



/* Tip/summary cards: blue frame only (no green) */

html body.acceso-page .login-summary-list li,

html body #login-guide .login-summary-list li{

  border:1px solid #018af9 !important;

}


/* ===== Content blocks = intro style (dark + blue frame); CTAs outside ===== */
html body{
  --block-frame-bg:#0d0d0d;
  --block-frame-border:#018af9;
  --block-frame-radius:16px;
  --block-frame-pad-y:26px;
  --block-frame-pad-x:28px;
}

html body .shell > main > .section:not(#casino-cta):not(.app-top-hero),
html body main > .section:not(#casino-cta):not(.app-top-hero),
html body .app-info-card,
html body .home-app-guide-card,
html body .app-eco-card,
html body .app-install-panel,
html body .app-bonus-claim,
html body .app-bonus-terms,
html body .app-reference-section,
html body .app-screenshots-section,
html body .app-ecosystem-section,
html body .app-install-section,
html body .app-features-section,
html body .app-availability-section,
html body .app-odds-section,
html body .app-play-section,
html body .app-bonus-section,
html body .app-payments-section,
html body .app-crypto-section,
html body .app-responsible-section,
html body .app-legal-section,
html body .app-compare-section,
html body .bonus-content-card,
html body .login-content-card,
html body .login-os-card,
html body .login-lead-combined,
html body .legal-content-card,
html body .acceso-panel{
  background:var(--block-frame-bg) !important;
  background-color:var(--block-frame-bg) !important;
  background-image:none !important;
  border:1px solid var(--block-frame-border) !important;
  border-radius:var(--block-frame-radius) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}

html body .shell > main > .section:not(#casino-cta):not(.app-top-hero),
html body main > .section:not(#casino-cta):not(.app-top-hero),
html body .app-reference-section,
html body .app-screenshots-section,
html body .app-ecosystem-section,
html body .app-install-section,
html body .app-features-section,
html body .app-availability-section,
html body .app-odds-section,
html body .app-play-section,
html body .app-bonus-section,
html body .app-bonus-claim,
html body .app-payments-section,
html body .app-crypto-section,
html body .app-responsible-section,
html body .app-legal-section,
html body .app-compare-section,
html body .bonus-content-card,
html body .login-content-card,
html body .login-os-card,
html body .login-lead-combined,
html body .legal-content-card,
html body .app-install-panel,
html body .app-bonus-terms{
  padding:var(--block-frame-pad-y) var(--block-frame-pad-x) !important;
  margin-bottom:22px !important;
}

/* Intro already padded — keep in sync */
html body #casino-intro#casino-intro,
html body .intro.intro--lead{
  background:var(--block-frame-bg) !important;
  border:1px solid var(--block-frame-border) !important;
  border-radius:var(--block-frame-radius) !important;
  padding:var(--block-frame-pad-y) var(--block-frame-pad-x) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}

/* Outer app/bonus/login wrappers: no double frame (children are framed) */
html body #app-guide.app-guide,
html body #bonus-guide.bonus-guide,
html body #login-guide.legal-doc{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-top:20px !important;
  margin-bottom:0 !important;
}

/* CTA-only / hero: never framed like intro */
html body #casino-cta#casino-cta,
html body .section#casino-cta,
html body .app-top-hero,
html body .frame.frame--home-hero,
html body .home-hero{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
html body #casino-cta#casino-cta{
  padding:8px 0 14px !important;
  margin-bottom:8px !important;
}

/* Pull trailing CTA rows outside the blue frame */
html body .shell > main > .section:has(> .cta-center),
html body main > .section:has(> .cta-center),
html body .app-install-section:has(> .cta-center),
html body .app-play-section:has(> .cta-center),
html body .app-legal-section:has(+ .cta-center),
html body .app-compare-section:has(+ .cta-center),
html body #app-guide:has(> .cta-center) > .app-install-section:has(+ .cta-center),
html body .login-banner-block:has(> .login-banner-block__cta){
  padding-bottom:0 !important;
  overflow:visible !important;
}
html body .shell > main > .section:has(> .cta-center) > .cta-center,
html body main > .section:has(> .cta-center) > .cta-center,
html body .app-install-section:has(> .cta-center) > .cta-center,
html body .app-play-section:has(> .cta-center) > .cta-center,
html body .login-banner-block:has(> .login-banner-block__cta) > .login-banner-block__cta{
  margin:20px calc(-1 * var(--block-frame-pad-x) - 1px) -1px !important;
  padding:22px var(--block-frame-pad-x) 4px !important;
  background:var(--block-frame-bg) !important;
  border:none !important;
  border-top:1px solid var(--block-frame-border) !important;
  border-radius:0 0 var(--block-frame-radius) var(--block-frame-radius) !important;
  box-shadow:none !important;
  position:relative;
  z-index:2;
}

/* CTA rows that sit between framed app sections (siblings, not children) */
html body #app-guide > .cta-center,
html body .app-guide > .cta-center{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  margin:8px 0 22px !important;
  padding:0 !important;
}

/* Buttons themselves: never get the content-block frame */
html body :is(.pulse-btn, .vmore-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .ft-btn, .head .btn){
  border:none !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;
  box-shadow:0 4px 14px rgba(0,107,246,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* Nested cards inside an already-framed home section: keep blue edge, lighter pad */
html body #facts .app-info-card{
  padding:18px 18px !important;
  margin:0 !important;
}
html body #app .home-app-guide-card,
html body .home-app-guides .home-app-guide-card,
html body .app-eco-grid .app-eco-card{
  padding:18px 16px !important;
}

/* app-bonus-terms: keep button outside the text frame */
html body .app-bonus-terms{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:16px !important;
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
html body .app-bonus-terms > div{
  flex:1 1 240px;
  background:var(--block-frame-bg) !important;
  border:1px solid var(--block-frame-border) !important;
  border-radius:var(--block-frame-radius) !important;
  padding:var(--block-frame-pad-y) var(--block-frame-pad-x) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}
html body .app-bonus-terms > .pulse-btn{
  flex:0 0 auto;
  margin:0 !important;
}

@media (max-width:620px){
  html body{
    --block-frame-pad-y:20px;
    --block-frame-pad-x:18px;
    --block-frame-radius:14px;
  }
}



/* content-frame: actual intro-like box; parent section stays unframed when wrapper exists */
html body .content-frame{
  background:var(--block-frame-bg, #0d0d0d) !important;
  background-color:var(--block-frame-bg, #0d0d0d) !important;
  background-image:none !important;
  border:1px solid var(--block-frame-border, #018af9) !important;
  border-radius:var(--block-frame-radius, 16px) !important;
  padding:var(--block-frame-pad-y, 26px) var(--block-frame-pad-x, 28px) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  margin-bottom:0 !important;
}
html body .shell > main > .section:has(> .content-frame),
html body main > .section:has(> .content-frame),
html body section:has(> .content-frame){
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-bottom:22px !important;
}
html body .shell > main > .section:has(> .content-frame) > .cta-center,
html body main > .section:has(> .content-frame) > .cta-center,
html body section:has(> .content-frame) > .cta-center,
html body .login-banner-block > .login-banner-block__cta,
html body .section > .cta-center.login-banner-block__cta,
html body .cta-center.login-banner-block__cta{
  margin:16px 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
/* Avoid double frame on cards that already wrap content-frame */
html body .bonus-content-card:has(> .content-frame),
html body .login-content-card:has(> .content-frame),
html body .login-os-card:has(> .content-frame),
html body .login-lead-combined:has(> .content-frame),
html body .app-info-card:has(> .content-frame){
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}
/* Nested info/guide cards keep their own blue frame inside parent */
html body .content-frame .app-info-card,
html body .content-frame .home-app-guide-card,
html body .content-frame .app-eco-card,
html body .content-frame .app-install-panel{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
}


/* ===== FIX: blue frame only on tables; no main center frame; login layout ===== */

/* Remove blue frame from main center column */
html body .shell > main,
html body main,
html body.app-page .shell > main,
html body.bonus-page .shell > main,
html body.acceso-page .shell > main,
html body.legal-page .shell > main,
html body.page-home .shell > main{
  border:none !important;
  box-shadow:none !important;
}

/* Neutralize generic content-frame / section frames everywhere */
html body .content-frame,
html body .shell > main > .section:not(#casino-cta):not(#facts):not(.app-top-hero),
html body main > .section:not(#casino-cta):not(#facts):not(.app-top-hero),
html body .home-app-guide-card,
html body .app-eco-card,
html body .app-install-panel,
html body .app-bonus-claim,
html body .app-bonus-terms,
html body .app-reference-section,
html body .app-screenshots-section,
html body .app-ecosystem-section,
html body .app-install-section,
html body .app-features-section,
html body .app-availability-section,
html body .app-odds-section,
html body .app-play-section,
html body .app-bonus-section,
html body .app-payments-section,
html body .app-crypto-section,
html body .app-responsible-section,
html body .app-legal-section,
html body .app-compare-section,
html body .bonus-content-card,
html body .login-content-card,
html body .login-os-card,
html body .login-lead-combined,
html body .legal-content-card,
html body .acceso-panel{
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
  background-image:none !important;
  padding:0 !important;
  margin-bottom:22px !important;
  border-radius:0 !important;
}

/* Keep intro lead as dark framed block (small) — optional: only tables.
   User asked only tables → also clear intro outer if desired. Keep intro. */
html body #casino-intro#casino-intro,
html body .intro.intro--lead{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  padding:26px 28px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}

/* FACTS / TABLES only — blue frames */
html body #facts#facts{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-bottom:22px !important;
}
html body #facts .content-frame{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  padding:26px 28px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  margin-bottom:0 !important;
}
html body #facts .app-info-card,
html body.app-page .app-info-card,
html body .app-specs-section .app-info-card,
html body .table-wrapper.app-info-card__table{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
}
html body #facts .app-info-card{
  padding:18px 18px !important;
  margin:0 !important;
}

/* Do not globally frame every .app-info-card outside facts/app tables */
html body .app-info-card{
  /* intentionally left to more specific rules above */
}

/* Login lead: restore grid composition, show banner, don't stretch */
html body.acceso-page #login-guide#login-guide .login-lead-combined{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px) !important;
  gap:22px 28px !important;
  align-items:start !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined > h2{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  margin:0 0 0 !important;
  padding:0 0 17px !important;
  border-bottom:1px solid rgba(1,138,249,.35) !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{
  grid-column:1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  max-width:100% !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
  grid-column:2 !important;
  grid-row:2 !important;
  width:100% !important;
  max-width:320px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  justify-self:end !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__link{
  display:block !important;
  width:100% !important;
  border:1px solid #018af9 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 10px 22px rgba(0,0,0,.2) !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
  object-fit:contain !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__cta{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  background:transparent !important;
  border:none !important;
}
html body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__cta .pulse-btn{
  width:100% !important;
  max-width:100% !important;
}

@media (max-width:860px){
  html body.acceso-page #login-guide#login-guide .login-lead-combined{
    grid-template-columns:1fr !important;
  }
  html body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side,
  html body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
    grid-column:1 !important;
    grid-row:auto !important;
    max-width:100% !important;
    justify-self:stretch !important;
  }
  html body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
    order:0;
    max-width:360px !important;
    margin-inline:auto !important;
  }
}

/* Home login banner visible + not stretched */
html body #login#login .login-banner-block{
  max-width:360px !important;
  width:100% !important;
}
html body #login#login .login-banner-block__img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}
html body #login#login .login-banner-block__link{
  display:block !important;
  border:1px solid #018af9 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}


/* ===== INTRO FRAMES + CTA OUTSIDE (final) ===== */

/* Beat earlier neutralize (:not #facts/#casino-cta) — all intros dark + blue frame */
html body .shell > main > .section.intro.intro--lead:not(#casino-cta):not(#facts):not(.app-top-hero),
html body .shell > main > .section#casino-intro.intro.intro--lead:not(#casino-cta):not(.app-top-hero),
html body main > .section.intro.intro--lead:not(#casino-cta):not(#facts):not(.app-top-hero),
html body #casino-intro#casino-intro.intro.intro--lead,
html body #casino-intro#casino-intro,
html body .login-intro,
html body.app-page .app-ecosystem-intro,
html body.app-page .app-odds-intro,
html body #facts#facts .content-frame.content-frame,
html body #facts .content-frame{
  background:#0d0d0d !important;
  background-color:#0d0d0d !important;
  background-image:none !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  padding:26px 28px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  margin-bottom:22px !important;
}

html body #casino-intro#casino-intro > p,
html body .login-intro p,
html body .login-intro .legal-note{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html body #facts#facts .app-info-card,
html body #facts .app-info-card{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  padding:18px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
}

/* Buttons / CTA: never wrapped in blue frame / dark bar */
html body #casino-cta#casino-cta,
html body .section#casino-cta,
html body .section.intro#casino-cta,
html body .shell > main > .section#casino-cta:not(#facts),
html body .cta-center,
html body .ft-cta-center,
html body .login-banner-block__cta,
html body .app-dl-row,
html body .shell > main > .section:has(> .cta-center) > .cta-center,
html body main > .section:has(> .cta-center) > .cta-center,
html body .app-install-section:has(> .cta-center) > .cta-center,
html body .app-play-section:has(> .cta-center) > .cta-center,
html body .login-banner-block:has(> .login-banner-block__cta) > .login-banner-block__cta,
html body #app-guide > .cta-center,
html body .app-guide > .cta-center{
  background:transparent !important;
  background-image:none !important;
  border:none !important;
  border-top:none !important;
  border-bottom:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html body #casino-cta#casino-cta,
html body .shell > main > .section#casino-cta{
  margin:12px 0 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

html body :is(.pulse-btn, .vmore-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .ft-btn, .head .btn){
  border:none !important;
  outline:none !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, #3ba0ff 0%, #018af9 48%, #006bf6 100%) !important;
  box-shadow:0 4px 14px rgba(0,107,246,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

html body .shell > main,
html body main{
  border:none !important;
  box-shadow:none !important;
}


/* ===== LAYOUT FIX: frames + no overlap ===== */

html body .login-os-card,
html body.acceso-page .login-os-card,
html body.acceso-page #login-guide#login-guide .login-os-card,
html body .login-content-card,
html body.acceso-page .login-content-card,
html body .bonus-content-card,
html body.bonus-page .bonus-content-card,
html body .legal-content-card,
html body #casino-intro#casino-intro,
html body .intro.intro--lead,
html body #facts .content-frame{
  background:#0d0d0d !important;
  background-color:#0d0d0d !important;
  background-image:none !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  padding:24px 26px !important;
  margin:0 0 22px !important;
  overflow:visible !important;
  position:relative !important;
}

html body.acceso-page #login-guide#login-guide .login-os-card{
  --os-accent:#018af9;
  margin:0 0 16px !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card::before{
  background:#018af9 !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card__icon--ios,
html body.acceso-page #login-guide#login-guide .login-os-card__icon--android,
html body.acceso-page #login-guide#login-guide .login-os-card__icon--windows{
  background:#018af9 !important;
  color:#fff !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card > ol{
  margin:0 !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card > ol li{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  color:#fff !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card > ol li::before{
  background:#018af9 !important;
  color:#fff !important;
}

html body.acceso-page #login-guide .login-os-card + .cta-center,
html body.acceso-page #login-guide .cta-center,
html body .cta-center,
html body .ft-cta-center,
html body .login-banner-block__cta,
html body .app-dl-row,
html body #casino-cta,
html body #casino-cta .cta-center{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
  position:relative !important;
  z-index:2 !important;
  margin:20px 0 28px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:0 !important;
  transform:none !important;
}
html body.acceso-page #login-guide .login-os-card + .cta-center{
  margin-top:8px !important;
  margin-bottom:28px !important;
}

html body :is(.pulse-btn, .vmore-btn){
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  transform:none !important;
  flex-shrink:0 !important;
}

html body.bonus-page #bonus-guide#bonus-guide > .legal-note,
html body.bonus-page .bonus-guide > .legal-note{
  position:relative !important;
  display:block !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  padding:64px 22px 22px !important;
  margin:0 0 24px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  line-height:1.55 !important;
  overflow:visible !important;
}
html body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{
  content:"Bonus guide" !important;
  position:absolute !important;
  top:16px !important;
  left:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:7px 14px !important;
  background:#018af9 !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  z-index:1 !important;
  pointer-events:none !important;
}

html body .home-app-guide-card,
html body #app#app .home-app-guide-card,
html body .app-eco-card,
html body.app-page .app-eco-card,
html body.app-page .app-ecosystem-section .app-eco-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:12px !important;
  min-height:0 !important;
  padding:22px 20px !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.16) !important;
  color:#fff !important;
  text-decoration:none !important;
  overflow:visible !important;
}
html body .home-app-guide-card__icon,
html body .app-platform-icon,
html body .home-app-guide-card__label,
html body .app-eco-card__label,
html body .home-app-guide-card__title,
html body .app-eco-card__title{
  position:relative !important;
  display:block !important;
  margin:0 !important;
  transform:none !important;
  float:none !important;
}
html body .home-app-guide-card__icon,
html body .app-platform-icon{
  display:flex !important;
  margin:0 0 4px !important;
}
html body .home-app-guide-card__label,
html body .app-eco-card__label{
  line-height:1.35 !important;
  color:#fff !important;
}
html body .home-app-guide-card__title,
html body .app-eco-card__title{
  margin:4px 0 0 !important;
  line-height:1.35 !important;
  color:#018af9 !important;
  -webkit-text-fill-color:#018af9 !important;
}

html body.acceso-page .login-banner-block{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}
html body.acceso-page .login-banner-block__cta{
  margin:0 !important;
}

html body .shell > main,
html body main{
  border:none !important;
  box-shadow:none !important;
}


/* ===== APP HERO + LOGIN BADGE FIX ===== */

/* Login intro badge must not cover text */
html body.acceso-page #login-guide#login-guide > .login-intro,
html body.acceso-page .login-intro{
  position:relative !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  padding:68px 24px 22px !important;
  margin:0 0 24px !important;
  overflow:visible !important;
}
html body.acceso-page #login-guide#login-guide > .login-intro::before{
  content:"Sicherer Zugang" !important;
  position:absolute !important;
  top:16px !important;
  left:24px !important;
  right:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  max-width:calc(100% - 48px) !important;
  padding:8px 14px !important;
  background:#018af9 !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  z-index:2 !important;
  pointer-events:none !important;
  white-space:nowrap !important;
}
html body.acceso-page #login-guide#login-guide > .login-intro .legal-note{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

/* Bonus badge clearance (same issue) */
html body.bonus-page #bonus-guide#bonus-guide > .legal-note{
  padding:68px 22px 22px !important;
}

/* App top hero: dark + blue frame, second-screen structure */
html body.app-page .app-top-hero,
html body.app-page section.app-top-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr) !important;
  gap:28px !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 24px !important;
  padding:28px 30px !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  box-sizing:border-box !important;
}
html body.app-page .app-top-hero__content{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  min-width:0 !important;
}
html body.app-page .app-top-hero .page-title{
  margin:0 0 16px !important;
  color:#fff !important;
}
html body.app-page .app-top-hero__content > p{
  margin:0 0 10px !important;
  max-width:40rem !important;
  color:#fff !important;
  line-height:1.55 !important;
}
html body.app-page .app-rating{
  margin:14px 0 20px !important;
  gap:8px !important;
}
html body.app-page .app-rating__stars,
html body.app-page .app-rating__stars-full,
html body.app-page .app-rating__star-fill{
  color:#018af9 !important;
  -webkit-text-fill-color:#018af9 !important;
}

/* Hero buttons side-by-side, short labels */
html body.app-page .app-dl-row.app-dl-row--hero,
html body.app-page .app-dl-row--hero{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  width:100% !important;
}
html body.app-page .app-dl-row--hero .pulse-btn{
  flex:0 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  padding:14px 22px !important;
  font-size:15px !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
  margin:0 !important;
}
html body.app-page .app-top-hero .app-hero-meta__row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px 16px !important;
  margin:0 !important;
}
html body.app-page .app-top-hero .app-hero-meta__row span::before{
  background:#018af9 !important;
}
html body.app-page .app-top-hero__media{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body.app-page .app-top-hero__media img{
  display:block !important;
  width:100% !important;
  max-width:340px !important;
  height:auto !important;
  border-radius:14px !important;
}

@media (max-width:900px){
  html body.app-page .app-top-hero,
  html body.app-page section.app-top-hero{
    grid-template-columns:1fr !important;
    padding:22px 18px !important;
  }
  html body.app-page .app-top-hero__media{
    order:-1;
  }
  html body.app-page .app-dl-row--hero .pulse-btn{
    flex:1 1 calc(50% - 6px) !important;
    text-align:center !important;
    justify-content:center !important;
  }
}
@media (max-width:480px){
  html body.app-page .app-dl-row--hero{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  html body.app-page .app-dl-row--hero .pulse-btn{
    flex:1 1 auto !important;
    width:100% !important;
  }
}


/* ===== APP MEDIA WEBP ===== */
html body.app-page .app-top-hero__media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
html body.app-page .app-top-hero__media img{
  display:block !important;
  width:100% !important;
  max-width:380px !important;
  height:auto !important;
  max-height:min(560px, 70vh) !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:16px !important;
  border:1px solid #018af9 !important;
  background:#0d0d0d !important;
}

/* Same as before: 4 equal tiles, fixed height = half-cropped phones */
html body.app-page .app-screenshots-section .app-shots,
html body.app-page .app-shots{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  height:255px !important;
  margin:0 0 22px !important;
  padding:10px !important;
  overflow:hidden !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  box-sizing:border-box !important;
}
html body.app-page .app-screenshots-section .app-shot,
html body.app-page .app-shot{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:10px !important;
  background:#0d0d0d !important;
  aspect-ratio:auto !important;
}
html body.app-page .app-screenshots-section .app-shot img,
html body.app-page .app-shot img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
}
@media (max-width:900px){
  html body.app-page .app-screenshots-section .app-shots,
  html body.app-page .app-shots{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    height:360px !important;
  }
}
@media (max-width:560px){
  html body.app-page .app-screenshots-section .app-shots,
  html body.app-page .app-shots{
    grid-template-columns:repeat(4, minmax(120px, 1fr)) !important;
    height:220px !important;
    overflow-x:auto !important;
  }
}


/* ===== APP BANNER REPLACE LAPTOP ===== */
html body.app-page .app-ecosystem-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  padding:12px !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
html body.app-page .app-ecosystem-visual img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:12px !important;
}
html body.app-page .app-odds-banner{
  overflow:hidden !important;
  border:1px solid #018af9 !important;
  border-radius:14px !important;
  background:#0d0d0d !important;
}
html body.app-page .app-odds-banner > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
html body.app-page .app-odds-banner::after{
  display:none !important;
}
html body.app-page .app-odds-intro{
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  padding:20px !important;
}


/* ===== ECOSYSTEM LAPTOP ===== */
html body.app-page .app-ecosystem-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:200px !important;
  padding:16px !important;
  background:#0d0d0d !important;
  border:1px solid #018af9 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
html body.app-page .app-ecosystem-visual img{
  display:block !important;
  width:100% !important;
  max-width:420px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
}


/* ===== SECTION SHOTS MRPUNTER ===== */
/* Text wraps around compact phones — no empty column beside banners */
html body.app-page .app-play-layout,
html body.app-page .app-payments-layout{
  display:block !important;
  width:100% !important;
  overflow:hidden !important; /* clear floats */
}
html body.app-page .app-play-copy,
html body.app-page .app-payments-copy{
  display:block !important;
  max-width:none !important;
  min-width:0 !important;
}
html body.app-page .app-play-shots,
html body.app-page .app-payment-phones{
  float:right !important;
  display:block !important;
  width:150px !important;
  max-width:150px !important;
  margin:0 0 12px 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

html body.app-page .app-bonus-layout{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:14px !important;
  width:100% !important;
  margin:0 0 8px !important;
  overflow:hidden !important;
}
html body.app-page .app-bonus-section .app-bonus-grid{
  display:flex !important;
  flex:1 1 auto !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  min-width:0 !important;
  margin:0 !important;
}
html body.app-page .app-bonus-section .app-bonus-card{
  flex:1 1 200px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:320px !important;
}
html body.app-page .app-bonus-shots{
  float:none !important;
  display:block !important;
  flex:0 0 auto !important;
  width:150px !important;
  max-width:150px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

html body.app-page .app-play-shot,
html body.app-page .app-bonus-shots figure,
html body.app-page .app-phone-shot,
html body.app-page .app-payment-phone{
  display:block !important;
  width:150px !important;
  max-width:150px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  text-align:center !important;
  overflow:hidden !important;
  grid-template-rows:none !important;
  grid-template-columns:none !important;
}
html body.app-page .app-play-shot img,
html body.app-page .app-bonus-shots img,
html body.app-page .app-phone-shot img,
html body.app-page .app-payment-phone img,
html body.app-page .app-payment-phone__screen,
html body.app-page .app-payment-phone__screen img{
  display:block !important;
  width:150px !important;
  max-width:150px !important;
  height:auto !important;
  max-height:300px !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
  object-fit:contain !important;
  object-position:top center !important;
  border:2px solid #018af9 !important;
  border-radius:18px !important;
  background:#0d0d0d !important;
  box-shadow:0 8px 18px rgba(0,0,0,.3) !important;
  filter:none !important;
}
html body.app-page .app-payment-phone__screen{
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
}
html body.app-page .app-play-shot figcaption,
html body.app-page .app-bonus-shots figcaption,
html body.app-page .app-payment-phone figcaption{
  margin-top:6px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:11px !important;
  line-height:1.3 !important;
  border:none !important;
  background:transparent !important;
}

html body.app-page .app-play-section > .app-dl-row,
html body.app-page .app-payments-section > h3,
html body.app-page .app-payments-section > .table-wrapper{
  clear:both !important;
  position:relative !important;
  z-index:1 !important;
}
html body.app-page .app-play-section > .app-dl-row{
  margin-top:16px !important;
}

html body.app-page .app-bonus-terms{
  display:block !important;
  clear:both !important;
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body.app-page .app-bonus-terms > div{
  display:block !important;
  width:100% !important;
  flex:none !important;
}
html body.app-page .app-bonus-terms-cta{
  margin:12px 0 0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  clear:both !important;
}
html body.app-page .app-bonus-terms-cta .pulse-btn{
  display:inline-flex !important;
}

@media (max-width:820px){
  html body.app-page .app-play-shots,
  html body.app-page .app-payment-phones,
  html body.app-page .app-bonus-shots{
    float:none !important;
    margin:0 auto 14px !important;
  }
  html body.app-page .app-bonus-layout{
    flex-wrap:wrap !important;
  }
  html body.app-page .app-bonus-section .app-bonus-grid{
    flex:1 1 100% !important;
  }
}

html body.app-page .app-play-section > .app-tag,
html body.app-page .app-bonus-section > .app-tag,
html body.app-page .app-payments-section > .app-tag,
html body.app-page .app-crypto-section > .app-tag{
  display:none !important;
}