:root{--q-green:#4ade80;--q-green-2:#22c55e;--q-bg:#0a0a0a;--q-ink:#ecf0f1;--primary:#4ade80;--primary-dark:#22c55e;--text-white:#ffffff;--text-secondary:#c5cdd4;--text-muted:#a3a3a3;--bg-dark:#0a0a0a;--bg-medium:#111111;--bg-light:#1a1a1a;--bg-card:#121212}
.header,.footer__cover,.bf,.site-disclosure{background:#111111!important}
.header__button,.prime__button,.upto__button,.article__button,.bonus-item__button{background:linear-gradient(180deg,#4ade80,#22c55e)!important;color:#0a0a0a!important;border:0!important}
.header__button-signup,.button.inverse{background:transparent!important;color:#4ade80!important;border:1px solid #22c55e!important}
.prime__title,.title,.upto__title,.faq__title,.about__title{color:#f0fdf4!important}
.bf a,.seo-related__links a,footer a,.hub-links a,.qbet-hub-links a{color:#4ade80}
.prime__cover{min-height:420px;background:#0a0a0a;position:relative;isolation:isolate;overflow:hidden}
.prime__cover:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.55) 52%,rgba(10,10,10,.28) 100%)}
.background.prime__background{z-index:0!important}
.prime__wrap{position:relative;z-index:2}
.prime__background img{object-fit:cover;width:100%;height:100%;filter:none}
.bf{color:#f0fdf4;padding:34px 16px;border-top:1px solid rgba(74,222,128,.18);font-family:inherit}
.bf__in{max-width:1000px;margin:0 auto}
.bf h2{color:#f0fdf4;font-size:24px;margin:0 0 6px}
.bf .sub{font-size:13px;opacity:.7;margin:0 0 18px}
.bf ul{margin:0 0 8px 18px;padding:0}
.bf li{margin:4px 0}
.bf .disc{font-size:12px;opacity:.7;margin-top:16px;line-height:1.5}
html,body{overflow-x:hidden;background:#0a0a0a!important}
.main{background:#0a0a0a}
.section{background:#121212!important;color:#ecf0f1}

.header__logo{
  display:flex!important;
  align-items:center;
  gap:8px;
  max-width:168px!important;
  width:auto!important;
  flex:0 0 auto!important;
  min-width:auto!important;
  color:#4ade80!important;
  text-decoration:none!important;
  font-weight:800;
  font-size:1.2rem;
  overflow:visible;
}
.header__logo:before{content:none!important;display:none!important}
.header__logo img,.header__logo>img{
  width:auto!important;
  height:42px!important;
  max-height:42px!important;
  max-width:160px!important;
  object-fit:contain;
  display:block;
}
.header__logo span{display:none}
@media screen and (max-width:700px){
  .header__logo{max-width:150px!important}
  .header__logo img,.header__logo>img{height:38px!important;max-height:38px!important;max-width:150px!important}
}

.section.upto{
  position:relative;
  overflow:hidden;
  min-height:280px;
  padding:48px 28px!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  background-color:#0a0a0a!important;
  background-image:linear-gradient(90deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.72) 46%,rgba(10,10,10,.28) 100%),url("/assets/images/hero-casino-main.png");
  background-size:cover;
  background-position:center right;
}
.upto .upto__image,.upto__image{
  position:absolute!important;
  left:auto!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  transform:none!important;
  opacity:1!important;
  z-index:1!important;
  width:46%!important;
  max-width:none!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none;
  background:transparent;
}
.upto__image img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:right center;
  display:block;
}
.upto__title,.upto__text,.upto__desc,.upto__button{position:relative;z-index:2;max-width:54%}
@media screen and (max-width:860px){
  .section.upto{
    min-height:240px;
    padding:36px 18px!important;
    background-image:linear-gradient(180deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.78) 100%),url("/assets/images/hero-casino-main.png");
    align-items:center;
  }
  .upto .upto__image,.upto__image{display:none!important}
  .upto__title,.upto__text,.upto__desc,.upto__button{max-width:100%;text-align:left}
}

.section.article .image img,p.image img{max-width:100%;height:auto;max-height:none;display:block;margin:0 auto;border-radius:12px}

.section a:not(.button),
.bf a,
.seo-related a,
.site-disclosure a,
.editorial-status a,
.hub-links a,
.qbet-hub-links a,
.footer__cover a,
.footer__nav a,
.navigation__desc a{
  color:#4ade80!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.section a:not(.button):visited,
.bf a:visited,
.hub-links a:visited,
.qbet-hub-links a:visited,
.footer__cover a:visited,
.footer__nav a:visited{color:#22c55e!important}
.section a:not(.button):hover,
.bf a:hover,
.hub-links a:hover,
.qbet-hub-links a:hover,
.footer__cover a:hover,
.footer__nav a:hover{color:#f0fdf4!important}
.header__menu-item a,
.header__menu-item a:visited{color:#fff!important;text-decoration:none!important}
.header__menu-list>li,.footer__nav>li{
  padding:0!important;
  margin:0;
}
.header__menu-list>li:before,
.footer__nav>li:before{
  content:none!important;
  display:none!important;
}
.navigation__desc a{text-decoration:none!important;border-color:rgba(74,222,128,.35)!important}

.seo-table-wrap{
  background:#0f0f0f;
  border:1px solid rgba(74,222,128,.28);
  border-radius:10px;
  overflow-x:auto;
}
.seo-table,.table,.about__table{color:#ecf0f1}
.seo-table th,.seo-table td,
.table th,.table td,
.about__table th,.about__table td{
  color:#ecf0f1!important;
  border-color:rgba(74,222,128,.28)!important;
  background:transparent;
}
.section article table,.section table{
  width:100%;
  border-collapse:collapse;
  color:#ecf0f1;
  margin:1rem 0 1.5rem;
}
.section article th,.section article td,
.section table th,.section table td{
  border:1px solid rgba(74,222,128,.28);
  padding:.65rem .8rem;
  text-align:left;
}

@media screen and (max-width:1200px){
  .header__button-menu{border-color:#22c55e!important;background:#111!important}
  .header__button-menu svg rect{fill:#4ade80}
}

.trust-bar{margin:0;padding:10px 16px;text-align:center;font-size:13px;line-height:1.45;background:#0f0f0f;color:#d1d5db;border-bottom:1px solid rgba(74,222,128,.28)}

/* Kept qbet inner blocks after chrome swap */
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.section.article .section,
.qbet-legacy .section{
  background:transparent!important;
  padding:1.25rem 0!important;
  margin:0;
}
.product-copy,.qbet-legacy p{line-height:1.75}
.btn,.cta-qbet,.btn-primary,.btn-register,.btn-join,.cta-button,.featured-cta,.contact-btn,.promo-cta{
  display:inline-block;
  padding:.85rem 1.4rem;
  border-radius:999px;
  font-weight:700;
  text-decoration:none!important;
  background:linear-gradient(180deg,#4ade80,#22c55e)!important;
  color:#0a0a0a!important;
  border:0!important;
}
.btn-outline,.btn-login,.btn-white{
  display:inline-block;
  padding:.85rem 1.4rem;
  border-radius:999px;
  font-weight:700;
  text-decoration:none!important;
  background:transparent!important;
  color:#4ade80!important;
  border:1px solid #22c55e!important;
}
.prime__cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}
.hero-stats,.stats,.trust-items{display:flex;flex-wrap:wrap;gap:14px 22px;margin:1rem 0 1.25rem}
.stat-item,.trust-item{min-width:110px}
.stat-number{display:block;font-size:1.35rem;font-weight:800;color:#4ade80}
.stat-label,.hero-stat-label{font-size:.85rem;color:#a3a3a3}
.hero-stat-number{display:block;font-size:1.35rem;font-weight:800;color:#4ade80}
.hero-stats,.stats,.trust-items{display:flex;flex-wrap:wrap;gap:14px 22px;margin:1rem 0 1.25rem}
.stat-label{font-size:.85rem;color:#a3a3a3}
.faq-question,.faq-item__title{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.faq-answer{display:none}
.faq-item.active .faq-answer,.faq-item.open .faq-answer{display:block}
.faq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1rem}
.faq-tab{background:#1a1a1a;color:#ecf0f1;border:1px solid rgba(74,222,128,.35);border-radius:999px;padding:8px 14px;cursor:pointer}
.faq-tab.active{background:#4ade80;color:#0a0a0a}
.qbet-hub-links,.hub-links{margin:1rem 0 1.5rem;line-height:1.75}
.promo-banner-top{display:none}
.hero-media img,.hero img{max-width:100%;height:auto;border-radius:12px}
.privacy-card,.summary-card,.category-card,.tip-card,.contact-card{
  background:#161616;
  border:1px solid rgba(74,222,128,.18);
  border-radius:12px;
  padding:1.1rem 1.2rem;
  margin:0 0 1rem;
}
.error-container{min-height:auto;padding:0}

/* Contrast: theme paints body #3c404b and headings #185a61 on dark panels */
body,.main,.section,.article,.qbet-legacy,.product-copy,.bf,.site-disclosure{
  color:#ecf0f1!important;
}
h1,h2,h3,h4,h5,.title,.section-title,.upto__title,.prime__title,
.qbet-legacy h2,.qbet-legacy h3,.product-copy h2,.faq__title,.navigation__title{
  color:#f0fdf4!important;
}
p,li,td,th,figcaption,.hero-subtitle,.section-text,.section-subtitle{
  color:#dbe4ea;
}
ul>li:before,ol>li:before{color:#4ade80!important}
.navigation__title{border-color:rgba(74,222,128,.35)!important}

img,video{max-height:none!important;max-width:100%}
.background{z-index:0!important}

.content-figure,.content-figure-wide,.split-media-img,figure{
  background:#111;
  border-radius:16px;
  overflow:hidden;
  margin:1.5rem auto;
}
.content-figure{max-width:720px}
.content-figure-wide{max-width:880px}
.content-figure img,.split-media-img img,figure img,.hero-media img{
  width:100%;
  height:auto!important;
  max-height:none!important;
  display:block;
  object-fit:cover;
  background:#111;
}
.content-figure figcaption{
  margin:.65rem .8rem 1rem;
  color:#a3a3a3;
  font-size:.9rem;
  text-align:center;
}
.split-media{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem;
  align-items:center;
}
@media screen and (max-width:900px){
  .split-media{grid-template-columns:1fr}
}

/* Slot cards: theme used height:0 + padding-top:16.6% and z-index:-1 */
.section.slots{
  background:#0a0a0a!important;
  padding:18px 16px 8px!important;
  overflow:visible!important;
}
.slots li,.slots-item{
  padding:0!important;
  list-style:none;
}
.slots li:before,.slots-item:before{display:none!important;content:none!important}
.slots__list{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:0 0 12px;
  padding:0;
  width:auto;
}
.slots-item{
  flex:1 1 calc(25% - 14px);
  min-width:150px;
  height:auto!important;
  aspect-ratio:1/1;
  position:relative;
  border-radius:10px;
  overflow:hidden;
  background:#111;
  margin:0!important;
}
.slots-item__background{
  z-index:0!important;
  background:#111;
}
.slots-item__background img{
  width:100%;
  height:100%;
  object-fit:cover;
  max-height:none!important;
}
.slots-item__info{
  opacity:1!important;
  top:auto!important;
  bottom:0!important;
  height:auto!important;
  left:0;
  width:100%;
  padding:28px 12px 12px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  position:absolute;
  z-index:1;
}
.slots-item__name{color:#fff!important;margin:0;font-size:14px;text-transform:none}
.slots-item__button{margin:0;padding:.45rem 1rem;font-size:13px}
@media screen and (max-width:700px){
  .slots-item{flex:1 1 calc(50% - 14px)}
}

.live-wins{
  background:#111;
  border:1px solid rgba(74,222,128,.22);
  border-radius:12px;
  padding:16px;
  margin:0 0 1.5rem;
  overflow:hidden;
}
.wins-header h3{margin:0 0 .35rem}
.ticker-wrapper{overflow:auto}
.ticker{display:flex;flex-wrap:wrap;gap:10px}
.win-item{
  display:flex;
  align-items:center;
  gap:10px;
  background:#1a1a1a;
  border:1px solid rgba(74,222,128,.18);
  border-radius:10px;
  padding:10px 12px;
  min-width:220px;
}
.win-icon{font-size:1.4rem}
.win-player{font-size:.78rem;color:#a3a3a3}
.win-game{font-weight:700;color:#f0fdf4}
.win-amount{margin-left:auto;color:#4ade80;font-weight:700;white-space:nowrap}

.cta-section,.featured-bonus{
  background:#101010;
  border:1px solid rgba(74,222,128,.22);
  border-radius:16px;
  padding:1.75rem 1.25rem;
  margin:1.5rem 0;
  text-align:center;
}
.cta-content,.featured-card{max-width:880px;margin:0 auto}
.featured-tag{
  display:inline-block;
  background:#4ade80;
  color:#0a0a0a;
  font-weight:800;
  font-size:.75rem;
  letter-spacing:.04em;
  padding:.3rem .7rem;
  border-radius:999px;
  margin-bottom:.8rem;
}
.featured-amount,.bonus-amount{
  font-size:1.55rem;
  font-weight:800;
  color:#4ade80;
  margin:.6rem 0;
}
.featured-points{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin:1.2rem 0;
  text-align:left;
}
.featured-point,.bonus-highlight{
  background:#161616;
  border:1px solid rgba(74,222,128,.18);
  border-radius:12px;
  padding:1rem 1.1rem;
}
.bonus-cards,.cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  margin:1.25rem 0;
}
.bonus-card,.card,.category-card,.game-card{
  background:#161616;
  border:1px solid rgba(74,222,128,.18);
  border-radius:14px;
  padding:1.15rem 1.2rem;
  color:#ecf0f1;
}
.bonus-tabs,.faq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1rem}
.bonus-tab{
  background:#1a1a1a;
  color:#ecf0f1;
  border:1px solid rgba(74,222,128,.35);
  border-radius:999px;
  padding:8px 14px;
  cursor:pointer;
}
.bonus-tab.active{background:#4ade80;color:#0a0a0a}
.bonus-cta,.game-cta,.game-btn,.game-btn-play,.btn-play,.filter-btn{
  display:inline-block;
  margin-top:.7rem;
  padding:.65rem 1.1rem;
  border-radius:999px;
  font-weight:700;
  text-decoration:none!important;
  background:linear-gradient(180deg,#4ade80,#22c55e)!important;
  color:#0a0a0a!important;
  border:0!important;
  cursor:pointer;
}
.game-btn-demo,.btn-demo,.btn-outline{
  background:transparent!important;
  color:#4ade80!important;
  border:1px solid #22c55e!important;
}
.games-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin:1.25rem 0;
}
.game-image{
  background:#0f0f0f;
  border-radius:12px;
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.4rem;
  position:relative;
  margin:0 0 .8rem;
  overflow:hidden;
}
.game-image img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
  max-height:none!important;
}
.game-badge{
  position:absolute;
  top:8px;
  right:8px;
  font-size:.7rem;
  font-weight:800;
  background:#4ade80;
  color:#0a0a0a;
  padding:.2rem .5rem;
  border-radius:999px;
}
.game-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:.7rem}
.game-title,.game-card h3{color:#f0fdf4!important;margin:.2rem 0}
.section-header{margin:0 0 1rem}
.section-subtitle{color:#a3a3a3}
.search-box{
  display:flex;
  align-items:center;
  gap:8px;
  background:#161616;
  border:1px solid rgba(74,222,128,.28);
  border-radius:10px;
  padding:8px 12px;
  margin:1rem 0;
}
.search-input{
  flex:1;
  background:transparent;
  border:0;
  color:#ecf0f1;
  outline:none;
  font:inherit;
}
.faq-container,.faq-item{
  background:#161616;
  border:1px solid rgba(74,222,128,.16);
  border-radius:10px;
  margin:0 0 .6rem;
}
.faq-question{
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  color:#f0fdf4;
  font-weight:700;
}
.faq-answer{display:none;padding:0 14px 12px;color:#dbe4ea}
.faq-item.active .faq-answer,.faq-item.open .faq-answer{display:block}
.faq-toggle{color:#4ade80}
.hero-subtitle{font-size:1.05rem;line-height:1.7;margin:0 0 1rem}
.product-copy{max-width:760px;margin:0 auto}
.product-copy h2{margin:2rem 0 .85rem}
.site-disclosure{
  max-width:1100px;
  margin:0 auto;
  padding:16px;
  color:#c5cdd4;
  font-size:.9rem;
}

/* Mobile: keep chrome inside the viewport */
*,*::before,*::after{box-sizing:border-box}
html,body{
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
}
img,video,canvas{max-width:100%}
img{contain-intrinsic-size:unset!important}
.cover{
  width:100%!important;
  max-width:100%!important;
  padding-left:max(16px, calc(50% - 620px))!important;
  padding-right:max(16px, calc(50% - 620px))!important;
}
.header{
  width:100%;
  max-width:100%;
  gap:8px;
  box-sizing:border-box;
  overflow:visible;
  z-index:40;
}
.header__logo,.header__button-menu{min-width:auto}
.section,.main,.bf,.footer__cover,.site-disclosure,.container{
  max-width:100%;
}
.section{max-width:min(1240px, 100%)!important}
.seo-table-wrap,figure,table{max-width:100%}
.seo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table[style*="min-width"]{min-width:0!important}
.prime__cta-row{width:100%}
.prime__cta-row .button,.prime__button{max-width:100%}
.slots-item{min-width:0}
.games-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.bonus-cards,.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.featured-points{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.footer__nav{max-width:100%;overflow:hidden}
.win-item{min-width:0;flex:1 1 160px}

@media screen and (max-width:1280px){
  .cover,.header,.prime__cover,.footer__cover{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .section{max-width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:0}
}

@media screen and (max-width:1200px){
  .header{overflow:visible}
  .header>.header__button{display:none!important}
  .header__button-menu{margin-left:8px!important;padding:10px!important;flex:0 0 auto!important;order:3}
  .header__menu{
    background:#111!important;
    z-index:-1;
  }
  .header__button-menu.active~.header__menu{
    z-index:50!important;
    top:100%!important;
    opacity:1!important;
  }
  .header__menu-list{min-width:0!important;max-width:100%}
  .header__menu-list>li>ul{display:none!important}
  .header__menu-item--hover:hover>ul,
  .header__menu-item--hover:focus-within>ul{display:block;position:static;height:auto;transform:none;margin-top:8px}
}

@media screen and (max-width:700px){
  .header{padding:8px 12px!important}
  .prime__cover{min-height:280px}
  .prime__wrap{padding:36px 0!important}
  h1,.prime__title,h1.title{
    font-size:clamp(1.45rem, 7.2vw, 2.1rem)!important;
    line-height:1.2!important;
    width:100%;
    max-width:100%;
    overflow-wrap:break-word;
  }
  h2,.upto__title{
    font-size:clamp(1.2rem, 6vw, 1.7rem)!important;
    line-height:1.25!important;
  }
  .upto__title,.upto__text,.upto__button{max-width:100%!important}
  .prime__cta-row{flex-direction:column;align-items:stretch}
  .prime__cta-row .button{text-align:center}
  .slots__list{gap:10px}
  .slots-item{flex:1 1 calc(50% - 10px);min-width:0}
  .stat-item,.trust-item{min-width:0;flex:1 1 42%}
  .btn,.cta-qbet,.featured-cta,.prime__button{max-width:100%;text-align:center}
  .cta-section,.featured-bonus{padding:1.2rem .9rem;margin:1rem 0}
  .container{padding:0 12px}
  .trust-bar{padding:8px 12px;font-size:12px}
  .site-disclosure{padding:12px}
  .bf{padding:24px 12px}
}