:root{
  --bg:#07101d;
  --bg2:#0b1728;
  --surface:#10203a;
  --surface2:#142743;
  --surface3:#0d1b30;
  --text:#f7fbff;
  --muted:#91a8c7;
  --muted2:#6f89aa;
  --blue:#188fff;
  --blue2:#56b8ff;
  --cyan:#75d8ff;
  --green:#36dd78;
  --purple:#a83cff;
  --line:rgba(134,176,225,.16);
  --line2:rgba(62,151,255,.28);
  --shadow:0 22px 65px rgba(0,0,0,.34);
  --container:1220px;
  --radius:22px;
  --gap:34px
}
*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth
}
body{
  margin:0;
  background:radial-gradient(circle at 50% -180px,#19335a 0,#0a1729 34%,#07101d 67%,#06101b 100%);
  color:var(--text);
  font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
  line-height:1.62;
  min-height:100vh
}
body:before,body:after{
  content:"";
  position:fixed;
  z-index:-2;
  top:120px;
  width:470px;
  height:720px;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.105;
  filter:saturate(1.1)
}
body:before{
  left:-170px;
  background-image:url('../img/kingNew.webp')
}
body:after{
  right:-180px;
  background-image:url('../img/jackpotBannerMain.291f1653679a79b2e6e7.webp');
  background-position:center top
}
a{
  color:inherit;
  text-decoration:none
}
img{
  display:block;
  max-width:100%
}
.container{
  width:min(var(--container),calc(100% - 36px));
  margin:0 auto
}
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(7,16,29,.88);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(129,174,224,.1)
}
.nav{
  height:72px;
  display:flex;
  align-items:center;
  gap:18px
}
.brand{
  width:145px;
  display:flex;
  align-items:center;
  flex:0 0 auto
}
.brand img{
  width:145px;
  height:auto
}
.main-nav{
  display:flex;
  align-items:center;
  gap:2px;
  flex:1;
  justify-content:center
}
.main-nav>a{
  padding:10px 9px;
  color:#a8bbd4;
  font-size:12.5px;
  font-weight:850;
  border-radius:11px;
  white-space:nowrap
}
.main-nav>a:hover{
  background:#13243e;
  color:#fff
}
.nav-side{
  display:flex;
  align-items:center;
  gap:7px
}
.lang-switch{
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px;
  border:1px solid var(--line);
  background:#0c192c;
  border-radius:11px;
  font-size:11px;
  font-weight:900
}
.lang-switch a{
  padding:5px 7px;
  border-radius:7px;
  color:#7f96b6
}
.lang-switch a.active{
  background:#15365d;
  color:#fff
}
.lang-switch span{
  color:#47627f
}
.login-btn{
  padding:10px 12px;
  border-radius:11px;
  background:#121f34;
  color:#d7e2f1;
  font-size:12px;
  font-weight:850
}
.play-btn{
  padding:10px 17px;
  border-radius:12px;
  background:linear-gradient(180deg,#36a9ff,#1476ef);
  box-shadow:0 8px 24px rgba(24,143,255,.28);
  font-size:12px;
  font-weight:900
}
.menu-btn{
  display:none;
  border:0;
  background:#14233b;
  color:#fff;
  border-radius:11px;
  padding:10px 12px
}
.subnav{
  border-top:1px solid rgba(133,177,225,.06);
  background:rgba(8,19,34,.82)
}
.subnav-inner{
  height:38px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  overflow-x:auto
}
.subnav a{
  color:#708aa9;
  font-size:11px;
  font-weight:800;
  white-space:nowrap
}
.subnav a:hover{
  color:#bfe2ff
}
.mobile-nav{
  display:none
}
.breadcrumbs{
  display:flex;
  gap:8px;
  padding-top:19px;
  color:#6f89aa;
  font-size:12px
}
.breadcrumbs a:hover{
  color:#fff
}
.home-hero{
  position:relative;
  min-height:430px;
  margin-top:24px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(5,15,29,.97) 0%,rgba(6,20,39,.9) 40%,rgba(15,42,75,.34) 72%,rgba(4,14,27,.25)),url('../img/bonusBackeNew.webp') center/cover;
  border:1px solid rgba(71,151,255,.22);
  box-shadow:var(--shadow)
}
.home-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 75% 45%,rgba(23,143,255,.16),transparent 34%);
  pointer-events:none
}
.home-hero-copy{
  position:relative;
  z-index:3;
  width:62%;
  padding:62px 0 58px 58px
}
.eyebrow,.section-kicker{
  display:inline-block;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#74c7ff
}
.eyebrow{
  padding:8px 11px;
  border-radius:999px;
  background:#0f2b4b;
  border:1px solid rgba(69,158,255,.25)
}
.home-hero h1{
  font-size:clamp(42px,5vw,68px);
  line-height:.98;
  letter-spacing:-.05em;
  margin:18px 0 18px;
  max-width:690px
}
.home-hero p{
  font-size:18px;
  line-height:1.55;
  color:#b9cee7;
  max-width:640px;
  margin:0 0 24px
}
.home-girl{
  position:absolute;
  right:54px;
  bottom:-38px;
  height:455px;
  z-index:2;
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.38))
}
.hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.btn{
  min-height:46px;
  padding:0 19px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#152740;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  transition:.2s
}
.btn:hover{
  transform:translateY(-1px);
  border-color:#2f83cf
}
.btn.primary{
  background:linear-gradient(180deg,#3aaeff,#1577ef);
  border-color:transparent;
  box-shadow:0 9px 28px rgba(24,138,255,.27)
}
.btn.green{
  background:linear-gradient(180deg,#48e78b,#24b966);
  border:0;
  color:#07140d
}
.btn.ghost{
  background:rgba(18,37,63,.72)
}
.win-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  margin-top:14px;
  padding:10px;
  border-radius:18px;
  background:#0f1c31;
  border:1px solid var(--line);
  box-shadow:0 14px 38px rgba(0,0,0,.17)
}
.win-strip>div{
  min-width:0;
  padding:8px 10px;
  border-radius:11px;
  background:#13243d
}
.win-strip b{
  display:block;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.win-strip span{
  display:block;
  color:#44df8a;
  font-weight:900;
  font-size:11px;
  margin-top:2px
}
.section{
  padding-top:var(--gap)
}
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  margin-bottom:14px
}
.section-head h2,.content-card h2,.access-panel h2,.legal-panel h2{
  font-size:29px;
  letter-spacing:-.03em;
  margin:6px 0 0
}
.section-head p{
  color:var(--muted);
  margin:4px 0 0;
  font-size:14px
}
.text-link{
  color:#69bdff;
  font-size:13px;
  font-weight:900
}
.quick-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:9px
}
.quick-card{
  min-width:0;
  padding:16px 13px;
  background:linear-gradient(180deg,#13233c,#0f1d32);
  border:1px solid var(--line);
  border-radius:16px;
  display:grid;
  grid-template-columns:32px 1fr auto;
  align-items:center;
  gap:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.1);
  transition:.2s
}
.quick-card:hover{
  transform:translateY(-2px);
  border-color:rgba(69,157,255,.42)
}
.quick-card>span{
  font-size:20px;
  color:#62bbff
}
.quick-card b{
  font-size:12px;
  line-height:1.15
}
.quick-card small{
  color:#5e7695
}
.intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:16px;
  align-items:stretch
}
.content-card{
  padding:27px 29px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(18,34,58,.98),rgba(11,26,45,.98));
  border:1px solid var(--line);
  box-shadow:0 15px 40px rgba(0,0,0,.15)
}
.prose p{
  font-size:15px;
  line-height:1.76;
  color:#adc0d9;
  max-width:92ch;
  margin:12px 0
}
.route-card{
  padding:24px;
  border-radius:22px;
  background:linear-gradient(155deg,#123865,#111f37 68%);
  border:1px solid rgba(67,149,255,.26);
  display:flex;
  flex-direction:column
}
.route-card h3{
  font-size:21px;
  margin:8px 0 14px
}
.route-card>a{
  display:flex;
  justify-content:space-between;
  padding:11px 0;
  border-top:1px solid rgba(138,177,221,.12);
  color:#b9cbe1;
  font-size:13px;
  font-weight:800
}
.route-card>a:first-of-type{
  border-top:0
}
.route-card>a span{
  color:#61b8ff
}
.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:18px
}
.step{
  padding:17px;
  border-radius:15px;
  background:#0f2038;
  border:1px solid var(--line)
}
.step b{
  display:block;
  font-size:11px;
  color:#55b5ff;
  margin-bottom:7px
}
.step p{
  margin:0;
  color:#b7c8dc;
  font-size:13px;
  line-height:1.55
}
.table-wrap{
  overflow-x:auto;
  margin-top:17px
}
.data-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:680px;
  overflow:hidden;
  border-radius:15px;
  border:1px solid var(--line)
}
.data-table th,.data-table td{
  text-align:left;
  padding:13px 15px;
  border-bottom:1px solid var(--line);
  font-size:13px
}
.data-table th{
  background:#10243f;
  color:#fff
}
.data-table td{
  background:#0e1d32;
  color:#aebfd5
}
.data-table tr:last-child td{
  border-bottom:0
}
.data-table td:first-child{
  color:#f2f7fd;
  font-weight:850
}
.split-text{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:16px
}
.thematic-card,.faq-cta{
  min-height:100%;
  padding:26px;
  border-radius:22px;
  border:1px solid var(--line2);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(145deg,#153b66,#13233d)
}
.thematic-card h3,.faq-cta h3{
  font-size:23px;
  margin:8px 0
}
.thematic-card p,.faq-cta p{
  color:#a9bed8;
  font-size:14px
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:15px
}
.related-link{
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#0f1f36;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.related-link b{
  font-size:12.5px
}
.related-link span{
  color:#58b6ff
}
.muted{
  color:var(--muted)
}
.game-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:11px
}
.game-card{
  position:relative;
  border-radius:17px;
  overflow:hidden;
  background:#13233c;
  border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  transition:.2s
}
.game-card:hover{
  transform:translateY(-3px);
  border-color:rgba(69,157,255,.42);
  box-shadow:0 15px 34px rgba(0,0,0,.25)
}
.cover{
  aspect-ratio:400/535;
  overflow:hidden;
  background:#0b1728
}
.cover img{
  width:100%;
  height:100%;
  object-fit:cover
}
.game-info{
  padding:10px 10px 11px;
  min-height:57px
}
.game-info b{
  display:block;
  font-size:12px;
  line-height:1.2
}
.game-info span{
  display:block;
  margin-top:4px;
  color:#788fac;
  font-size:9.5px
}
.badge{
  position:absolute;
  left:8px;
  top:8px;
  padding:4px 7px;
  border-radius:8px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.04em;
  background:#a734f2
}
.badge.fast{
  background:#ed8a18
}
.badge.live{
  background:#d42df0
}
.badge.slot{
  background:#1e8cff
}
.promo{
  position:relative;
  min-height:205px;
  padding:30px 34px;
  border-radius:23px;
  overflow:hidden;
  border:1px solid rgba(62,145,255,.27);
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center
}
.promo>div{
  position:relative;
  z-index:2;
  max-width:650px
}
.promo h2{
  font-size:31px;
  margin:7px 0
}
.promo p{
  color:#b7cae2;
  max-width:620px;
  margin:0 0 16px
}
.promo>img{
  position:absolute;
  right:35px;
  bottom:-25px;
  height:220px;
  object-fit:contain;
  filter:drop-shadow(0 16px 25px rgba(0,0,0,.32))
}
.promo-jackpot{
  background:linear-gradient(90deg,#0e2b5b 0%,#142962 56%,rgba(16,29,61,.55)),url('../img/kingBackNew.webp') center/cover
}
.promo-bonus{
  background:linear-gradient(90deg,#102c57 0%,#1a2d65 58%,rgba(16,27,57,.45)),url('../img/bonusBackeNew.webp') center/cover
}
.promo-vip{
  background:linear-gradient(90deg,#10224c 0%,#273171 58%,rgba(20,24,56,.38)),url('../img/kingsBackNew.webp') center/cover
}
.promo-money{
  background:linear-gradient(90deg,#123257 0%,#1a3559 58%,rgba(15,28,50,.4)),url('../img/cashBackNew.jpg') center/cover
}
.promo-sports{
  background:linear-gradient(90deg,#0e264a 0%,#162f59 58%,rgba(12,24,45,.42)),url('../img/slotBackNew.jpg') center/cover
}
.provider-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px
}
.provider-grid a{
  padding:16px 17px;
  border-radius:15px;
  background:#10203a;
  border:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  font-size:13px;
  font-weight:850
}
.provider-grid a span{
  color:#58b5ff
}
.access-panel,.legal-panel{
  padding:30px;
  border-radius:23px;
  background:linear-gradient(115deg,#10294c,#112038);
  border:1px solid var(--line);
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:25px;
  align-items:center
}
.access-panel p,.legal-panel p{
  color:#a9bdd7;
  margin:7px 0 0
}
.access-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}
.access-links a{
  padding:13px 14px;
  border-radius:12px;
  background:#132a49;
  border:1px solid var(--line);
  font-size:12px;
  font-weight:850
}
.legal-panel{
  display:flex;
  justify-content:space-between
}
.legal-panel>div{
  max-width:850px
}
.page-hero{
  position:relative;
  min-height:310px;
  margin-top:15px;
  border-radius:25px;
  overflow:hidden;
  border:1px solid rgba(66,149,255,.2);
  box-shadow:var(--shadow);
  background-size:cover;
  background-position:center
}
.page-hero-copy{
  position:relative;
  z-index:3;
  width:70%;
  padding:42px 40px
}
.page-hero h1{
  font-size:clamp(36px,4.6vw,58px);
  line-height:1;
  letter-spacing:-.045em;
  margin:14px 0 13px
}
.page-hero p{
  max-width:720px;
  color:#b6cae2;
  font-size:16px
}
.page-figure{
  position:absolute;
  right:34px;
  bottom:-28px;
  height:285px;
  max-width:300px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));
  z-index:2
}
.hero-bonus{
  background-image:linear-gradient(90deg,rgba(8,21,40,.97),rgba(11,28,53,.75),rgba(20,44,79,.25)),url('../img/bonusBackeNew.webp')
}
.hero-jackpot{
  background-image:linear-gradient(90deg,rgba(7,22,46,.97),rgba(15,39,80,.68)),url('../img/kingBackNew.webp')
}
.hero-vip{
  background-image:linear-gradient(90deg,rgba(8,19,42,.97),rgba(29,37,85,.64)),url('../img/kingsBackNew.webp')
}
.hero-slots{
  background-image:linear-gradient(90deg,rgba(7,20,38,.97),rgba(15,37,69,.6)),url('../img/slotBackNew.jpg')
}
.hero-money{
  background-image:linear-gradient(90deg,rgba(9,23,39,.97),rgba(17,48,71,.66)),url('../img/cashBackNew.jpg')
}
.hero-access{
  background-image:linear-gradient(90deg,rgba(8,21,40,.98),rgba(17,42,72,.7)),url('../img/searchBackNew.png')
}
.hero-sport{
  background-image:linear-gradient(90deg,rgba(8,21,40,.97),rgba(14,36,67,.65)),url('../img/slotBackNew.jpg')
}
.hero-live{
  background-image:linear-gradient(90deg,rgba(8,21,40,.97),rgba(18,38,77,.63)),url('../img/kingsBackNew.webp')
}
.hero-default{
  background:linear-gradient(120deg,#0e2c51,#121f37)
}
.game-hero{
  margin-top:16px;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(120deg,#112c50,#101d34);
  border:1px solid var(--line2);
  display:grid;
  grid-template-columns:190px 1fr;
  gap:30px;
  align-items:center;
  box-shadow:var(--shadow)
}
.game-poster{
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 16px 35px rgba(0,0,0,.28)
}
.game-poster img{
  width:100%;
  aspect-ratio:400/535;
  object-fit:cover
}
.game-hero h1{
  font-size:clamp(34px,4.2vw,56px);
  line-height:1;
  letter-spacing:-.04em;
  margin:12px 0
}
.game-hero-copy p{
  color:#b5c9e0;
  max-width:750px
}
.provider-tag,.type-tag{
  display:inline-flex;
  margin-right:6px;
  padding:7px 10px;
  border-radius:9px;
  background:#163358;
  color:#8dccff;
  font-size:10px;
  font-weight:900
}
.type-tag.slot{
  background:#153e68
}
.type-tag.fast{
  background:#503516;
  color:#ffc76e
}
.type-tag.live{
  background:#4d1b58;
  color:#ef9bff
}
.game-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:20px;
  border-radius:22px;
  background:#0f1f36;
  border:1px solid var(--line)
}
.game-summary>div{
  padding:13px;
  border-radius:12px;
  background:#132640
}
.game-summary span{
  display:block;
  color:#7089a8;
  font-size:10px
}
.game-summary b{
  display:block;
  font-size:12px;
  margin-top:4px
}
.check-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:17px
}
.check-grid>div{
  padding:16px;
  border-radius:14px;
  background:#0f2038;
  border:1px solid var(--line)
}
.check-grid span{
  color:#49df87;
  font-weight:950
}
.check-grid p{
  margin:7px 0 0;
  color:#b5c7dc;
  font-size:13px
}
.faq details{
  padding:15px 0;
  border-top:1px solid var(--line)
}
.faq details:first-child{
  border-top:0
}
.faq summary{
  cursor:pointer;
  font-size:14px;
  font-weight:850
}
.faq p{
  color:#aabdd5;
  font-size:14px;
  margin:9px 0 0
}
.footer{
  margin-top:50px;
  padding:42px 0 25px;
  background:#0b1729;
  border-top:1px solid var(--line)
}
.footer-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(4,.8fr);
  gap:28px
}
.footer-brand img{
  width:148px
}
.footer-brand p{
  font-size:12px;
  color:#718aa9;
  max-width:330px
}
.age{
  width:36px;
  height:36px;
  border:1px solid #607590;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900
}
.footer h4{
  font-size:13px;
  margin:0 0 10px
}
.footer a{
  display:block;
  color:#7891b0;
  font-size:12px;
  padding:3px 0
}
.footer a:hover{
  color:#c8e7ff
}
.footer-payments{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:18px 0;
  margin-top:26px;
  color:#758ba7;
  font-size:11px;
  font-weight:850
}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding-top:18px;
  color:#607895;
  font-size:11px
}
.mobile-sticky{
  display:none
}
@media(max-width:1160px){
  .main-nav>a:nth-child(n+7){
    display:none
  }
  .quick-grid{
    grid-template-columns:repeat(4,1fr)
  }
  .game-grid{
    grid-template-columns:repeat(6,1fr)
  }
}
@media(max-width:980px){
  .main-nav{
    display:none
  }
  .menu-btn{
    display:block
  }
  .subnav-inner{
    justify-content:flex-start
  }
  .game-grid{
    grid-template-columns:repeat(5,1fr)
  }
  .intro-grid,.split-text{
    grid-template-columns:1fr
  }
  .route-card{
    min-height:auto
  }
  .steps,.check-grid{
    grid-template-columns:1fr 1fr
  }
  .related-grid{
    grid-template-columns:1fr 1fr
  }
  .provider-grid{
    grid-template-columns:1fr 1fr
  }
  .footer-grid{
    grid-template-columns:1fr 1fr 1fr
  }
  .home-hero-copy{
    width:66%
  }
  .home-girl{
    right:10px
  }
  .mobile-nav{
    display:none;
    position:fixed;
    top:72px;
    left:14px;
    right:14px;
    max-height:calc(100vh - 90px);
    overflow:auto;
    background:#0e1d33;
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    box-shadow:var(--shadow);
    z-index:100
  }
  .mobile-nav.open{
    display:block
  }
  .mobile-nav>a{
    display:block;
    padding:11px 12px;
    border-radius:10px;
    color:#b9cbe0;
    font-size:13px;
    font-weight:800
  }
  .mobile-nav>a:hover{
    background:#142845
  }
  .mobile-lang{
    padding:9px 12px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    margin:6px 0
  }
  .mobile-lang .lang-switch{
    width:max-content
  }
  .access-panel{
    grid-template-columns:1fr
  }
  .legal-panel{
    align-items:flex-start;
    flex-direction:column
  }
  .page-hero-copy{
    width:75%
  }
}
@media(max-width:720px){
  body:before,body:after{
    display:none
  }
  .container{
    width:min(100% - 20px,var(--container))
  }
  .nav{
    height:62px;
    gap:8px
  }
  .brand,.brand img{
    width:124px
  }
  .nav-side .login-btn{
    display:none
  }
  .lang-switch{
    font-size:10px
  }
  .lang-switch a{
    padding:4px 5px
  }
  .play-btn{
    padding:9px 11px;
    font-size:11px
  }
  .subnav{
    display:none
  }
  .mobile-nav{
    top:64px
  }
  .home-hero{
    margin-top:12px;
    min-height:430px;
    border-radius:21px
  }
  .home-hero-copy{
    width:100%;
    padding:30px 22px 220px
  }
  .home-hero h1{
    font-size:40px
  }
  .home-hero p{
    font-size:14px
  }
  .home-girl{
    height:255px;
    right:5px;
    bottom:-25px
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .hero-actions .btn.primary{
    grid-column:1/-1
  }
  .win-strip{
    grid-template-columns:1fr 1fr
  }
  .quick-grid{
    grid-template-columns:1fr 1fr
  }
  .section{
    padding-top:27px
  }
  .section-head h2,.content-card h2,.access-panel h2,.legal-panel h2{
    font-size:24px
  }
  .game-grid{
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  .game-card{
    border-radius:13px
  }
  .game-info{
    padding:8px;
    min-height:51px
  }
  .game-info b{
    font-size:10.5px
  }
  .promo{
    min-height:260px;
    padding:22px;
    align-items:flex-start
  }
  .promo>div{
    max-width:80%;
    z-index:3
  }
  .promo h2{
    font-size:25px
  }
  .promo>img{
    right:-10px;
    height:190px;
    opacity:.58
  }
  .steps,.check-grid{
    grid-template-columns:1fr
  }
  .content-card{
    padding:21px;
    border-radius:18px
  }
  .route-card{
    padding:20px
  }
  .provider-grid,.related-grid{
    grid-template-columns:1fr
  }
  .page-hero{
    min-height:390px;
    margin-top:12px
  }
  .page-hero-copy{
    width:100%;
    padding:27px 22px 175px
  }
  .page-hero h1{
    font-size:38px
  }
  .page-figure{
    height:185px;
    right:2px
  }
  .game-hero{
    grid-template-columns:105px 1fr;
    gap:14px;
    padding:17px
  }
  .game-hero h1{
    font-size:29px
  }
  .game-hero-copy p{
    font-size:13px
  }
  .game-hero .hero-actions{
    display:flex
  }
  .game-hero .btn{
    padding:0 12px;
    font-size:11px
  }
  .game-summary{
    grid-template-columns:1fr 1fr
  }
  .footer-grid{
    grid-template-columns:1fr;
    text-align:center
  }
  .footer-brand img{
    margin:0 auto
  }
  .footer-brand p{
    margin-left:auto;
    margin-right:auto
  }
  .footer-payments{
    justify-content:center
  }
  .footer-bottom{
    flex-direction:column;
    text-align:center
  }
  .mobile-sticky{
    display:grid;
    grid-template-columns:1fr 1fr;
    position:fixed;
    z-index:70;
    left:10px;
    right:10px;
    bottom:9px;
    padding:5px;
    border-radius:15px;
    background:rgba(8,19,33,.94);
    backdrop-filter:blur(18px);
    border:1px solid var(--line);
    box-shadow:0 12px 35px rgba(0,0,0,.35)
  }
  .mobile-sticky a{
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    font-size:12px;
    font-weight:900
  }
  .mobile-sticky .primary{
    background:linear-gradient(180deg,#39adff,#1576ef)
  }
  body{
    padding-bottom:64px
  }
  .access-links{
    grid-template-columns:1fr 1fr
  }
}
@media(max-width:430px){
  .game-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .quick-grid{
    grid-template-columns:1fr 1fr
  }
  .game-summary{
    grid-template-columns:1fr
  }
  .home-hero h1{
    font-size:36px
  }
  .page-hero h1{
    font-size:34px
  }
}
/* ---------------- Dragon Money V4 visual system ---------------- */
:root{
  --v4-bg:#06111f;
  --v4-panel:#0b1a2e;
  --v4-panel2:#10233d;
  --v4-blue:#1d91ff;
  --v4-cyan:#56c6ff;
  --v4-green:#54eb9a;
  --v4-line:rgba(120,170,235,.14)
}
body{
  background:#07121f;
  color:#f7fbff;
  background-image:radial-gradient(circle at 50% -160px,rgba(37,123,255,.15),transparent 520px),linear-gradient(180deg,#07111e 0%,#06111f 50%,#081525 100%)
}
body:before,body:after{
  opacity:.20;
  filter:saturate(.8) brightness(.65)
}
.container{
  max-width:1180px
}
.site-header{
  background:rgba(5,15,28,.91);
  border-bottom:1px solid rgba(101,160,231,.11);
  backdrop-filter:blur(18px)
}
.v4-header .nav{
  height:70px;
  padding-inline:2px
}
.brand{
  width:144px;
  min-width:144px;
  display:flex;
  align-items:center
}
.brand img{
  width:144px;
  height:auto;
  display:block
}
.main-nav{
  gap:3px
}
.main-nav>a{
  padding:9px 9px;
  font-size:11px;
  color:#a8bdd7;
  border-radius:10px
}
.main-nav>a:hover,.main-nav>a.active{
  color:#fff;
  background:#102642;
  box-shadow:inset 0 0 0 1px rgba(81,157,255,.08)
}
.nav-side{
  gap:7px
}
.lang-switch{
  background:#0d1c30;
  border:1px solid var(--v4-line);
  border-radius:11px;
  padding:5px 7px
}
.lang-switch a{
  padding:3px 5px
}
.login-btn{
  background:#0e1d32!important;
  border:1px solid var(--v4-line)!important
}
.play-btn{
  background:linear-gradient(180deg,#3baeff,#1475ef)!important;
  box-shadow:0 8px 24px rgba(22,119,239,.34)!important;
  padding-inline:17px!important
}
.subnav{
  display:none!important
}
.v4-home{
  padding-top:18px
}
.v4-hero{
  position:relative;
  min-height:375px;
  border-radius:27px;
  overflow:hidden;
  border:1px solid rgba(63,145,255,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 55px rgba(20,115,255,.08)
}
.v4-hero-bg{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,15,29,.94) 0%,rgba(5,19,39,.72) 47%,rgba(8,27,52,.12) 75%),url('../img/bonusBackeNew.webp') center/cover no-repeat
}
.v4-hero-copy{
  position:relative;
  z-index:3;
  width:66%;
  padding:43px 42px
}
.v4-hero h1{
  font-size:clamp(42px,5vw,66px);
  line-height:.96;
  letter-spacing:-.055em;
  margin:12px 0 15px
}
.v4-hero p{
  color:#c2d6ec;
  max-width:710px;
  font-size:16px;
  line-height:1.55
}
.v4-hero-girl{
  position:absolute;
  z-index:2;
  right:45px;
  bottom:-36px;
  height:400px;
  object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.42))
}
.hero-offer{
  display:flex;
  gap:28px;
  margin:18px 0 20px
}
.hero-offer>div{
  display:grid
}
.hero-offer strong{
  font-size:25px;
  color:#58eda0;
  line-height:1
}
.hero-offer span{
  font-size:11px;
  color:#b4c7dd;
  margin-top:4px
}
.hero-actions{
  gap:9px
}
.btn{
  height:44px;
  border-radius:12px;
  padding:0 17px
}
.btn.primary{
  background:linear-gradient(180deg,#36b1ff,#1476ef);
  box-shadow:0 8px 22px rgba(18,117,242,.26)
}
.activity-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:7px;
  margin-top:10px;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(180deg,#102038,#0c1a2d);
  border:1px solid var(--v4-line)
}
.activity-strip>div{
  padding:8px 10px;
  border-right:1px solid rgba(118,169,235,.1)
}
.activity-strip>div:last-child{
  border-right:0
}
.activity-strip span{
  display:block;
  font-size:8px;
  color:#59e49b;
  font-weight:950
}
.activity-strip b{
  display:block;
  font-size:12px;
  margin:2px 0
}
.activity-strip small{
  display:block;
  color:#647d9d;
  font-size:8px
}
.quick-action-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px
}
.quick-action-grid>a{
  padding:14px 13px;
  border:1px solid var(--v4-line);
  background:linear-gradient(180deg,#10233c,#0c1b2f);
  border-radius:15px;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:3px 8px;
  align-items:center;
  transition:.2s
}
.quick-action-grid>a:hover{
  transform:translateY(-2px);
  border-color:rgba(52,147,255,.42)
}
.quick-action-grid span{
  grid-row:1/3;
  font-size:19px;
  color:#63bfff
}
.quick-action-grid b{
  font-size:11px
}
.quick-action-grid small{
  font-size:8.5px;
  color:#728ba9
}
.section{
  padding-top:30px
}
.section-head{
  margin-bottom:12px
}
.section-head h2{
  font-size:27px
}
.section-head p{
  font-size:12px
}
.portrait-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:10px
}
.project-game-card{
  min-width:0
}
.project-cover{
  position:relative;
  aspect-ratio:400/535;
  border-radius:17px;
  overflow:hidden;
  border:1px solid rgba(117,170,233,.18);
  background:#0d1b2e;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  transition:.2s
}
.project-game-card:hover .project-cover{
  transform:translateY(-4px);
  border-color:rgba(55,151,255,.48);
  box-shadow:0 18px 40px rgba(0,0,0,.32)
}
.project-cover img{
  width:100%;
  height:100%;
  object-fit:cover
}
.project-badge{
  position:absolute;
  top:8px;
  left:8px;
  background:linear-gradient(180deg,#29a8ff,#1779ee);
  border-radius:7px;
  padding:3px 6px;
  font-size:7px;
  font-weight:950;
  color:#fff
}
.project-cover:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:41%;
  background:linear-gradient(transparent,rgba(5,13,24,.96))
}
.project-cover-meta{
  position:absolute;
  z-index:2;
  left:9px;
  right:9px;
  bottom:8px
}
.project-cover-meta b{
  display:block;
  font-size:10.3px;
  line-height:1.12;
  text-shadow:0 2px 6px #000
}
.project-cover-meta small{
  display:block;
  color:#9db4ce;
  font-size:7.5px;
  margin-top:4px
}
.landscape-game-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:10px
}
.landscape-game-grid .project-cover{
  aspect-ratio:1/1.17
}
.jackpot-banner,.tournament-banner,.bonus-banner,.payments-banner,.responsible{
  position:relative;
  overflow:hidden;
  border-radius:23px;
  border:1px solid rgba(61,147,255,.25);
  box-shadow:0 18px 45px rgba(0,0,0,.21)
}
.jackpot-banner{
  min-height:185px;
  padding:27px 240px 27px 190px;
  background:linear-gradient(100deg,#0b2a5c,#121f55 72%,#0a1734)
}
.jackpot-banner>img:first-child{
  position:absolute;
  left:14px;
  bottom:-26px;
  height:195px
}
.jackpot-banner>div{
  position:relative;
  z-index:2
}
.jackpot-banner h2{
  font-size:29px;
  margin:5px 0 7px
}
.jackpot-banner p{
  font-size:13px;
  color:#a9c1dc;
  margin:0 0 14px
}
.jackpot-sloth{
  position:absolute;
  right:44px;
  bottom:-18px;
  height:180px;
  transform:rotate(6deg)
}
.tournament-banner{
  min-height:250px;
  padding:35px 40% 35px 34px;
  background:linear-gradient(90deg,rgba(9,24,51,.96),rgba(18,33,72,.78),rgba(12,23,50,.32)),url('../img/kingsBackNew.webp') center/cover
}
.tournament-banner h2{
  font-size:34px;
  margin:7px 0 8px
}
.tournament-banner p{
  color:#b6c9e0;
  font-size:14px
}
.tournament-banner>img{
  position:absolute;
  right:7%;
  bottom:-35px;
  height:290px
}
.bonus-banner{
  min-height:255px;
  padding:35px 42% 35px 34px;
  background:linear-gradient(90deg,rgba(7,22,43,.96),rgba(10,32,62,.72),rgba(8,24,49,.15)),url('../img/bonusBackeNew.webp') center/cover
}
.bonus-banner h2{
  font-size:34px;
  margin:7px 0 8px
}
.bonus-banner p{
  color:#b8cce2;
  font-size:14px
}
.bonus-banner>img{
  position:absolute;
  right:4%;
  bottom:-50px;
  height:290px;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.34))
}
.provider-logo-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px
}
.provider-logo-card{
  height:76px;
  border-radius:14px;
  background:linear-gradient(180deg,#10213a,#0b1a2e);
  border:1px solid var(--v4-line);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px
}
.provider-logo-card img{
  max-width:92px;
  max-height:28px;
  filter:brightness(1.16)
}
.provider-logo-card span{
  font-size:8.5px;
  color:#869db9
}
.text-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:14px
}
.rich-route{
  background:linear-gradient(160deg,#103665,#0d1d33)
}
.content-card{
  background:linear-gradient(180deg,rgba(13,28,49,.98),rgba(8,21,37,.98));
  border-color:var(--v4-line)
}
.content-card.prose p{
  font-size:14px;
  line-height:1.78;
  color:#b1c4da
}
.home-table{
  border-color:rgba(107,163,229,.15)
}
.home-table th{
  background:#0d2746
}
.home-table td{
  background:#091a2d
}
.table-note,.below-table-copy{
  margin-top:14px;
  color:#94aac4;
  font-size:12.5px;
  line-height:1.65
}
.payments-banner{
  padding:28px 180px 28px 28px;
  background:linear-gradient(110deg,#0c2946,#0d2039),url('../img/cashBackNew.jpg') center/cover
}
.payments-copy{
  position:relative;
  z-index:2
}
.payments-banner:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,20,35,.96),rgba(8,27,46,.91),rgba(10,31,49,.68))
}
.payment-icons{
  position:absolute;
  right:26px;
  top:32px;
  width:120px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  z-index:2
}
.payment-icons img{
  width:48px;
  height:34px;
  object-fit:contain;
  padding:5px;
  border-radius:10px;
  background:#10243d;
  border:1px solid rgba(104,165,229,.12)
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.trust-card{
  padding:22px;
  border-radius:18px;
  background:linear-gradient(150deg,#102743,#0c1a2e);
  border:1px solid var(--v4-line)
}
.trust-card>span{
  font-size:24px;
  color:#61bbff
}
.trust-card h3{
  margin:9px 0 7px;
  font-size:18px
}
.trust-card p{
  margin:0;
  color:#9db2ca;
  font-size:12px;
  line-height:1.6
}
.responsible{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:26px 28px;
  background:linear-gradient(100deg,#0d2947,#0e1e35)
}
.responsible h2{
  font-size:25px;
  margin:6px 0
}
.responsible p{
  color:#9fb5cd;
  font-size:12.5px;
  max-width:790px;
  margin:0
}
.hub-hero{
  margin-top:18px;
  padding:32px;
  border-radius:23px;
  background:linear-gradient(110deg,#0c2b51,#0c1d34);
  border:1px solid var(--v4-line)
}
.hub-hero h1{
  font-size:42px;
  margin:8px 0
}
.hub-hero p{
  max-width:760px;
  color:#adc1d8
}
.footer{
  background:#071322;
  border-top-color:rgba(100,159,226,.12)
}
@media(max-width:1180px){
  .main-nav>a:nth-child(n+8){
    display:none
  }
  .portrait-grid{
    grid-template-columns:repeat(7,1fr)
  }
  .quick-action-grid{
    grid-template-columns:repeat(3,1fr)
  }
  .provider-logo-grid{
    grid-template-columns:repeat(4,1fr)
  }
}
@media(max-width:980px){
  .portrait-grid{
    grid-template-columns:repeat(5,1fr)
  }
  .landscape-game-grid{
    grid-template-columns:repeat(4,1fr)
  }
  .v4-hero-copy{
    width:72%
  }
  .v4-hero-girl{
    right:10px;
    opacity:.8
  }
  .text-feature-grid{
    grid-template-columns:1fr
  }
  .jackpot-banner{
    padding-right:160px
  }
  .jackpot-sloth{
    right:12px
  }
  .tournament-banner,.bonus-banner{
    padding-right:36%
  }
}
@media(max-width:720px){
  .v4-header .nav{
    height:62px
  }
  .brand,.brand img{
    width:126px;
    min-width:126px
  }
  .v4-home{
    padding-top:10px
  }
  .v4-hero{
    min-height:510px
  }
  .v4-hero-copy{
    width:100%;
    padding:27px 22px 255px
  }
  .v4-hero h1{
    font-size:40px
  }
  .v4-hero-girl{
    height:280px;
    right:3px;
    bottom:-22px
  }
  .activity-strip{
    grid-template-columns:1fr 1fr 1fr
  }
  .quick-action-grid{
    grid-template-columns:1fr 1fr
  }
  .portrait-grid{
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  .landscape-game-grid{
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  .provider-logo-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .jackpot-banner{
    padding:24px 20px 180px;
    min-height:360px
  }
  .jackpot-banner>img:first-child{
    height:170px;
    left:15px
  }
  .jackpot-sloth{
    height:150px;
    right:18px
  }
  .tournament-banner,.bonus-banner{
    padding:25px 20px 220px;
    min-height:430px
  }
  .tournament-banner>img,.bonus-banner>img{
    height:240px;
    right:4%;
    bottom:-35px
  }
  .payments-banner{
    padding:24px 20px 170px
  }
  .payment-icons{
    left:20px;
    right:auto;
    top:auto;
    bottom:24px;
    width:170px;
    grid-template-columns:repeat(3,1fr)
  }
  .trust-grid{
    grid-template-columns:1fr
  }
  .responsible{
    align-items:flex-start;
    flex-direction:column
  }
  .hub-hero h1{
    font-size:34px
  }
}
@media(max-width:430px){
  .portrait-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .landscape-game-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .activity-strip{
    grid-template-columns:1fr 1fr
  }
  .quick-action-grid{
    grid-template-columns:1fr
  }
  .hero-offer{
    gap:14px
  }
  .v4-hero h1{
    font-size:36px
  }
}
.long-read h3{
  font-size:18px;
  margin:24px 0 4px
}
.long-read h3:first-of-type{
  margin-top:14px
}
.long-read p{
  max-width:100ch!important
}
/* ================= V5: richer Dragon Money visual system ================= */
:root{
  --v5-bg:#071a2f;
  --v5-bg2:#0a2340;
  --v5-surface:#0d2949;
  --v5-surface2:#102f53;
  --v5-border:rgba(98,178,255,.22);
  --v5-blue:#2f9dff;
  --v5-cyan:#55c9ff;
  --v5-green:#45e29a;
  --v5-text:#f5f9ff;
  --v5-muted:#a8bed6
}
html{
  background:var(--v5-bg)
}
body{
  background:radial-gradient(circle at 50% 0,#0d3968 0,#08223d 28%,#071a2f 58%,#061526 100%) fixed;
  color:var(--v5-text)
}
body:before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:86px 0 auto;
  height:760px;
  background:linear-gradient(90deg,rgba(5,19,35,.88),rgba(8,38,70,.12) 28%,rgba(8,38,70,.12) 72%,rgba(5,19,35,.88)),url('../img/slotBackNew.jpg') center top/cover no-repeat;
  opacity:.38;
  pointer-events:none
}
.container{
  max-width:1280px
}
.v5-header{
  background:rgba(5,18,33,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(93,173,255,.18)
}
.v5-header .nav{
  height:72px
}
.v5-header .brand{
  width:142px;
  min-width:142px
}
.v5-header .brand img{
  width:142px;
  height:auto;
  display:block
}
.v5-header .main-nav{
  gap:4px
}
.v5-header .main-nav a{
  padding:10px 10px;
  border-radius:10px;
  color:#c2d5e9;
  font-size:13px;
  font-weight:800
}
.v5-header .main-nav a:hover,.v5-header .main-nav a.active{
  background:#123458;
  color:white;
  box-shadow:inset 0 0 0 1px rgba(89,173,255,.16)
}
.nav-side{
  gap:8px
}
.lang-switch{
  height:40px;
  padding:4px 7px;
  background:#0b2542;
  border:1px solid var(--v5-border);
  border-radius:12px
}
.lang-switch a{
  min-width:31px;
  padding:6px 5px;
  text-align:center;
  border-radius:8px;
  font-size:12px
}
.lang-switch a.active{
  background:#1c5c9c;
  color:#fff
}
.login-btn,.play-btn{
  height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 15px;
  border-radius:12px
}
.login-btn{
  background:#102943;
  border:1px solid var(--v5-border)
}
.play-btn{
  background:linear-gradient(180deg,#3ab8ff,#1579f0);
  box-shadow:0 8px 26px rgba(27,129,255,.32)
}
.utility-nav{
  background:linear-gradient(180deg,rgba(11,38,67,.82),rgba(8,30,54,.88));
  border-top:1px solid rgba(90,168,240,.08);
  border-bottom:1px solid rgba(90,168,240,.12)
}
.utility-nav .container{
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px
}
.utility-nav a{
  color:#88a9c9;
  font-size:11px;
  font-weight:750
}
.utility-nav a:hover{
  color:#65c4ff
}
.v5-home{
  padding:18px 0 56px
}
.v5-hero{
  position:relative;
  min-height:410px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(81,167,255,.34);
  box-shadow:0 26px 70px rgba(0,0,0,.3),0 0 60px rgba(37,135,255,.12);
  background:#0a2747
}
.v5-hero-bg{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,22,41,.98) 0%,rgba(7,31,58,.85) 45%,rgba(8,34,63,.1) 78%),url('../img/bonusBackeNew.webp') center/cover no-repeat;
  filter:saturate(1.12) brightness(1.1)
}
.v5-hero-copy{
  position:relative;
  z-index:3;
  width:68%;
  padding:48px 44px
}
.v5-hero h1{
  font-size:clamp(44px,5.1vw,68px);
  line-height:.98;
  letter-spacing:-.048em;
  margin:13px 0 15px
}
.v5-hero p{
  max-width:760px;
  color:#ccdded;
  font-size:16px;
  line-height:1.62
}
.v5-hero-girl{
  position:absolute;
  z-index:2;
  right:46px;
  bottom:-30px;
  height:410px;
  filter:drop-shadow(0 25px 30px rgba(0,0,0,.4))
}
.eyebrow{
  display:inline-block;
  font-size:11px;
  letter-spacing:.12em;
  font-weight:950;
  color:#70c7ff
}
.hero-offer{
  display:flex;
  gap:32px;
  margin:20px 0
}
.hero-offer>div{
  display:grid
}
.hero-offer strong{
  font-size:29px;
  color:#59ec9e
}
.hero-offer span{
  font-size:11px;
  color:#bad0e4
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px
}
.btn{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:12px;
  background:#123252;
  border:1px solid rgba(105,177,248,.19);
  font-weight:850
}
.btn.primary{
  background:linear-gradient(180deg,#38b7ff,#1679ef);
  border-color:#48bfff;
  box-shadow:0 9px 24px rgba(24,125,244,.25)
}
.activity-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  margin-top:10px;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#102e50,#0c2745);
  border:1px solid var(--v5-border);
  box-shadow:0 14px 35px rgba(0,0,0,.16)
}
.win-item{
  padding:13px 16px;
  border-right:1px solid rgba(114,183,247,.12);
  min-width:0
}
.win-item:last-child{
  border-right:0
}
.win-item span{
  display:block;
  color:#52e89b;
  font-size:8px;
  font-weight:950
}
.win-item b{
  display:block;
  font-size:15px;
  margin:4px 0
}
.win-item small{
  display:block;
  color:#8faac5;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.win-item.pulse{
  animation:winpulse .6s ease
}
@keyframes winpulse{
  50%{
    background:rgba(57,156,255,.12)
  }
}
.quick-section{
  padding-top:11px
}
.quick-action-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px
}
.quick-action-grid>a{
  padding:15px 14px;
  border:1px solid var(--v5-border);
  background:linear-gradient(155deg,#12365c,#0d2948);
  border-radius:16px;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:2px 8px;
  align-items:center;
  box-shadow:0 10px 28px rgba(0,0,0,.12)
}
.quick-action-grid>a:hover{
  transform:translateY(-2px);
  background:linear-gradient(155deg,#174674,#103258)
}
.quick-action-grid span{
  grid-row:1/3;
  font-size:20px;
  color:#65c8ff
}
.quick-action-grid b{
  font-size:11.5px
}
.quick-action-grid small{
  font-size:9px;
  color:#8fa8c2
}
.section{
  padding-top:34px
}
.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:13px
}
.section-head h2{
  font-size:30px;
  margin:5px 0
}
.section-head p{
  max-width:850px;
  color:#9fb8d2;
  font-size:13px;
  margin:0
}
.section-head>a{
  color:#62c5ff;
  font-weight:850;
  font-size:12px;
  white-space:nowrap
}
.v5-game-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:11px
}
.v5-game-card{
  min-width:0;
  display:block
}
.v5-game-cover{
  position:relative;
  aspect-ratio:400/535;
  border-radius:17px;
  overflow:hidden;
  border:1px solid rgba(113,184,249,.24);
  background:#0d2a49;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  transition:.22s
}
.v5-game-card:hover .v5-game-cover{
  transform:translateY(-4px);
  border-color:#4ab3ff;
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 20px rgba(41,145,255,.16)
}
.v5-game-cover img{
  width:100%;
  height:100%;
  object-fit:cover
}
.v5-game-cover:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:linear-gradient(transparent,rgba(3,13,25,.95))
}
.v5-game-badge{
  position:absolute;
  z-index:3;
  top:8px;
  left:8px;
  padding:4px 7px;
  border-radius:8px;
  background:linear-gradient(180deg,#34b2ff,#1579ed);
  font-size:7px;
  font-weight:950
}
.v5-game-overlay{
  position:absolute;
  z-index:3;
  left:10px;
  right:10px;
  bottom:9px;
  text-shadow:0 2px 7px #000
}
.v5-game-overlay strong{
  display:block;
  font-size:12px;
  line-height:1.08;
  color:#fff;
  text-transform:uppercase
}
.v5-game-overlay small{
  display:block;
  margin-top:4px;
  font-size:8px;
  color:#b7cae0
}
.v5-game-grid.fast{
  grid-template-columns:repeat(7,1fr)
}
.v5-game-grid.live{
  grid-template-columns:repeat(7,1fr)
}
.v5-game-grid.live .v5-game-cover{
  aspect-ratio:400/535
}
.v5-game-grid.related{
  grid-template-columns:repeat(6,1fr)
}
.jackpot-banner,.tournament-banner,.bonus-banner,.license-block,.faq-cta{
  position:relative;
  margin-top:34px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(87,169,255,.28);
  box-shadow:0 20px 50px rgba(0,0,0,.2)
}
.v5-jackpot{
  min-height:215px;
  padding:35px 250px 35px 210px;
  background:linear-gradient(105deg,#123d81,#172869 70%,#0c214d)
}
.v5-jackpot>img:first-child{
  position:absolute;
  left:22px;
  bottom:-30px;
  height:225px
}
.v5-jackpot>div{
  position:relative;
  z-index:2
}
.v5-jackpot h2{
  font-size:32px;
  margin:7px 0
}
.v5-jackpot p{
  font-size:13px;
  color:#b8cee5;
  line-height:1.6
}
.jackpot-sloth{
  position:absolute;
  right:42px;
  bottom:-24px;
  height:195px
}
.tournament-banner{
  min-height:280px;
  padding:42px 44% 42px 38px;
  background:linear-gradient(90deg,rgba(8,29,56,.98),rgba(12,48,91,.76),rgba(8,27,52,.2)),url('../img/kingsBackNew.webp') center/cover
}
.tournament-banner h2,.bonus-banner h2{
  font-size:37px;
  margin:7px 0
}
.tournament-banner p,.bonus-banner p{
  color:#bfd2e6;
  line-height:1.65
}
.tournament-banner>img{
  position:absolute;
  right:8%;
  bottom:-40px;
  height:315px
}
.bonus-banner{
  min-height:275px;
  padding:40px 42% 40px 38px;
  background:linear-gradient(90deg,rgba(7,29,54,.98),rgba(8,48,91,.75),rgba(8,31,59,.18)),url('../img/bonusBackeNew.webp') center/cover
}
.bonus-banner>img{
  position:absolute;
  right:5%;
  bottom:-45px;
  height:300px
}
.live-zone{
  padding-bottom:2px
}
.live-provider-block{
  padding:17px;
  margin-top:10px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(16,52,91,.76),rgba(10,35,62,.72));
  border:1px solid rgba(98,174,244,.17)
}
.live-provider-block h3,.live-provider-block h2{
  font-size:16px;
  margin:0 0 12px
}
.v5-provider-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:9px
}
.v5-provider{
  height:78px;
  border-radius:14px;
  background:linear-gradient(155deg,#12385f,#0d2948);
  border:1px solid var(--v5-border);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px
}
.v5-provider img{
  max-width:112px;
  max-height:31px
}
.v5-provider span{
  font-size:8px;
  color:#94aec7
}
.v5-provider.text-logo b{
  font-size:13px;
  color:#f0f7ff
}
.v5-provider:hover{
  background:linear-gradient(155deg,#174879,#10345b);
  border-color:#4db6ff
}
.content-card{
  background:linear-gradient(150deg,#12395f,#0c2948);
  border:1px solid var(--v5-border);
  border-radius:20px;
  padding:26px;
  box-shadow:0 13px 34px rgba(0,0,0,.14)
}
.content-card h2{
  font-size:28px;
  margin:8px 0 14px
}
.content-card h3{
  font-size:20px;
  margin:8px 0 12px
}
.content-card.prose p{
  font-size:14.5px;
  line-height:1.8;
  color:#c2d3e5
}
.text-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:13px
}
.table-wrap{
  border-radius:18px;
  overflow:auto;
  border:1px solid var(--v5-border);
  box-shadow:0 12px 30px rgba(0,0,0,.12)
}
.data-table{
  width:100%;
  border-collapse:collapse
}
.data-table th{
  background:#12395f;
  color:#dff1ff;
  text-align:left;
  font-size:11px;
  padding:14px
}
.data-table td{
  background:#0d2948;
  color:#bcd0e4;
  font-size:12px;
  padding:14px;
  border-top:1px solid rgba(102,177,244,.13)
}
.data-table tr:hover td{
  background:#103254
}
.table-note{
  color:#89a7c4;
  font-size:11px;
  line-height:1.6;
  margin-top:10px
}
.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.review-grid.large{
  grid-template-columns:repeat(3,1fr)
}
.review-card{
  padding:20px;
  border-radius:18px;
  background:linear-gradient(155deg,#123a62,#0c2948);
  border:1px solid var(--v5-border);
  min-height:155px
}
.review-card span{
  font-size:8px;
  color:#59e39a;
  font-weight:950;
  letter-spacing:.08em
}
.review-card h3{
  font-size:18px;
  margin:8px 0
}
.review-card p{
  font-size:12px;
  line-height:1.65;
  color:#aac1d8;
  margin:0
}
.license-block{
  display:grid;
  grid-template-columns:1fr 260px;
  align-items:center;
  gap:28px;
  padding:31px 34px;
  background:radial-gradient(circle at 85% 20%,rgba(42,142,255,.26),transparent 30%),linear-gradient(120deg,#123f68,#0c2a4b)
}
.license-block h2{
  font-size:30px;
  margin:7px 0 10px
}
.license-block p{
  color:#c0d2e4;
  line-height:1.68;
  max-width:900px
}
.license-seal{
  height:160px;
  border-radius:50%;
  border:2px solid rgba(87,205,255,.45);
  background:radial-gradient(circle,#174d7c,#0d2d50 68%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:950;
  box-shadow:0 0 35px rgba(50,164,255,.2)
}
.license-seal b{
  font-size:13px;
  color:#61e4a2;
  margin-top:7px
}
.license-seal small{
  margin-top:10px;
  color:#9db5cc
}
.faq-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:26px 30px;
  background:linear-gradient(110deg,#123c64,#0c2a4b)
}
.faq-cta h2{
  font-size:27px;
  margin:6px 0
}
.faq-cta p{
  color:#adc4da;
  max-width:800px;
  margin:0;
  line-height:1.6
}
.hub-hero.colorful{
  margin-top:22px;
  padding:38px;
  border-radius:26px;
  background:radial-gradient(circle at 80% 10%,rgba(46,146,255,.28),transparent 30%),linear-gradient(120deg,#123f6a,#0d2a4b);
  border:1px solid var(--v5-border);
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.hub-hero h1{
  font-size:46px;
  margin:8px 0 14px
}
.hub-hero p{
  max-width:930px;
  color:#c1d3e5;
  font-size:14px;
  line-height:1.8
}
.game-detail-v5{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:28px;
  margin-top:18px;
  padding:28px;
  border-radius:25px;
  background:linear-gradient(145deg,#123c64,#0b2949);
  border:1px solid var(--v5-border)
}
.game-art img{
  width:100%;
  aspect-ratio:400/535;
  object-fit:cover;
  border-radius:20px;
  border:1px solid rgba(105,177,245,.25);
  box-shadow:0 20px 45px rgba(0,0,0,.28)
}
.game-copy{
  align-self:center
}
.game-copy h1{
  font-size:44px;
  line-height:1.02;
  margin:9px 0 16px
}
.game-copy p{
  color:#c0d2e4;
  line-height:1.75;
  font-size:14px
}
.breadcrumbs{
  padding-top:18px;
  color:#7fa2c1;
  font-size:11px;
  display:flex;
  gap:7px
}
.v5-footer{
  margin-top:48px;
  background:#081c31;
  border-top:1px solid rgba(97,173,241,.16)
}
.v5-footer .footer-brand img{
  width:145px;
  height:auto
}
.footer-payments img{
  width:48px;
  height:30px;
  object-fit:contain
}
.mobile-sticky{
  display:none
}
@media(max-width:1180px){
  .v5-header .main-nav a:nth-child(n+7){
    display:none
  }
  .v5-game-grid{
    grid-template-columns:repeat(6,1fr)
  }
  .v5-game-grid.fast,.v5-game-grid.live{
    grid-template-columns:repeat(5,1fr)
  }
  .v5-provider-grid{
    grid-template-columns:repeat(4,1fr)
  }
  .quick-action-grid{
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:900px){
  .utility-nav{
    display:none
  }
  .v5-hero{
    min-height:520px
  }
  .v5-hero-copy{
    width:100%;
    padding:32px 26px 250px
  }
  .v5-hero-girl{
    height:285px;
    right:12px
  }
  .activity-strip{
    grid-template-columns:repeat(3,1fr)
  }
  .v5-game-grid,.v5-game-grid.fast,.v5-game-grid.live{
    grid-template-columns:repeat(4,1fr)
  }
  .text-feature-grid{
    grid-template-columns:1fr
  }
  .v5-provider-grid{
    grid-template-columns:repeat(3,1fr)
  }
  .license-block{
    grid-template-columns:1fr 180px
  }
  .review-grid,.review-grid.large{
    grid-template-columns:repeat(2,1fr)
  }
  .game-detail-v5{
    grid-template-columns:240px 1fr
  }
  .game-copy h1{
    font-size:36px
  }
  .tournament-banner,.bonus-banner{
    padding-right:36%
  }
}
@media(max-width:720px){
  body:before{
    display:none
  }
  .v5-header .nav{
    height:62px
  }
  .v5-header .brand,.v5-header .brand img{
    width:126px;
    min-width:126px
  }
  .v5-home{
    padding-top:10px
  }
  .v5-hero{
    min-height:530px;
    border-radius:20px
  }
  .v5-hero-copy{
    padding:27px 20px 265px
  }
  .v5-hero h1{
    font-size:39px
  }
  .v5-hero p{
    font-size:14px
  }
  .v5-hero-girl{
    height:285px;
    right:0;
    bottom:-20px
  }
  .activity-strip{
    grid-template-columns:repeat(2,1fr)
  }
  .win-item:nth-child(n+5){
    display:none
  }
  .quick-action-grid{
    grid-template-columns:1fr 1fr
  }
  .v5-game-grid,.v5-game-grid.fast,.v5-game-grid.live,.v5-game-grid.related{
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  .v5-game-overlay strong{
    font-size:10px
  }
  .section{
    padding-top:27px
  }
  .section-head{
    align-items:flex-start
  }
  .section-head h2{
    font-size:25px
  }
  .v5-jackpot{
    padding:25px 18px 190px;
    min-height:390px
  }
  .v5-jackpot>img:first-child{
    height:175px;
    left:15px
  }
  .jackpot-sloth{
    height:155px;
    right:16px
  }
  .tournament-banner,.bonus-banner{
    padding:28px 20px 220px;
    min-height:435px
  }
  .tournament-banner>img,.bonus-banner>img{
    height:245px;
    right:2%;
    bottom:-36px
  }
  .v5-provider-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .review-grid,.review-grid.large{
    grid-template-columns:1fr
  }
  .license-block{
    grid-template-columns:1fr;
    padding:25px
  }
  .license-seal{
    width:170px;
    height:170px;
    justify-self:center
  }
  .faq-cta{
    flex-direction:column;
    align-items:flex-start
  }
  .game-detail-v5{
    grid-template-columns:1fr;
    padding:18px
  }
  .game-art{
    max-width:280px;
    margin:auto
  }
  .game-copy h1{
    font-size:34px
  }
  .hub-hero.colorful{
    padding:26px 20px
  }
  .hub-hero h1{
    font-size:36px
  }
  .mobile-sticky{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    position:fixed;
    z-index:100;
    bottom:0;
    left:0;
    right:0;
    padding:8px;
    background:rgba(5,19,34,.94);
    backdrop-filter:blur(12px);
    border-top:1px solid var(--v5-border)
  }
  .mobile-sticky a{
    height:44px;
    border-radius:12px;
    background:#123252;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:850
  }
  .mobile-sticky a.primary{
    background:linear-gradient(180deg,#38b7ff,#1578ef)
  }
  .v5-footer{
    padding-bottom:70px
  }
}
@media(max-width:430px){
  .v5-game-grid,.v5-game-grid.fast,.v5-game-grid.live,.v5-game-grid.related{
    grid-template-columns:repeat(2,1fr)
  }
  .quick-action-grid{
    grid-template-columns:1fr
  }
  .hero-offer{
    gap:16px
  }
  .v5-hero h1{
    font-size:35px
  }
  .activity-strip{
    grid-template-columns:1fr 1fr
  }
  .v5-provider-grid{
    grid-template-columns:1fr 1fr
  }
}
/* V6 — Dragon Money visual system */
:root{
  --bg:#082846;
  --bg2:#0b3154;
  --surface:#0e3a61;
  --surface2:#12466f;
  --surface3:#0a3153;
  --text:#f7fbff;
  --muted:#a9c7df;
  --muted2:#7fa7c8;
  --blue:#2ca9ff;
  --blue2:#70ccff;
  --cyan:#6ee4ff;
  --green:#51e697;
  --line:rgba(134,207,255,.22);
  --line2:rgba(80,184,255,.42);
  --shadow:0 20px 52px rgba(0,12,30,.24);
  --container:1260px;
  --radius:22px;
  --gap:34px
}
body{
  background:radial-gradient(circle at 50% -160px,#17639a 0,#0c3c68 20%,#092f52 44%,#082846 73%,#07233d 100%);
  color:var(--text)
}
body:before{
  opacity:.11;
  left:-155px;
  top:190px
}
body:after{
  opacity:.08;
  right:-160px;
  top:260px
}
.site-header{
  background:rgba(7,38,67,.9);
  border-bottom:1px solid rgba(118,202,255,.16)
}
.v6-header .nav{
  height:72px
}
.v6-header .brand{
  width:150px
}
.v6-header .brand img{
  width:150px
}
.v6-header .main-nav>a{
  color:#bdd5e8
}
.v6-header .main-nav>a:hover,.v6-header .main-nav>a.active{
  background:#115180;
  color:#fff
}
.v6-header .lang-switch{
  background:#0c355b;
  border-color:rgba(122,199,255,.25)
}
.v6-header .login-btn{
  background:#0e3e68
}
.mobile-nav.open{
  display:flex
}
.mobile-nav{
  position:fixed;
  top:72px;
  left:0;
  right:0;
  max-height:calc(100vh - 72px);
  overflow:auto;
  flex-direction:column;
  padding:14px 18px 24px;
  background:#0a2f51;
  border-bottom:1px solid var(--line);
  box-shadow:0 20px 50px rgba(0,0,0,.35)
}
.mobile-nav a{
  padding:12px 10px;
  border-bottom:1px solid rgba(125,196,245,.10);
  font-weight:800;
  color:#d5e8f7
}
.mobile-lang{
  padding-top:12px
}
.v6-home{
  padding-top:18px
}
.v6-hero{
  position:relative;
  min-height:455px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(95,191,255,.34);
  background:linear-gradient(90deg,rgba(7,38,69,.96),rgba(10,66,112,.82) 48%,rgba(11,74,126,.25)),url('../img/bonusBackeNew.webp') center/cover;
  box-shadow:0 25px 70px rgba(0,13,36,.30)
}
.v6-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 30%,rgba(74,185,255,.24),transparent 34%);
  pointer-events:none
}
.v6-hero-copy{
  position:relative;
  z-index:2;
  width:62%;
  padding:55px 0 50px 50px
}
.v6-hero h1{
  font-size:clamp(45px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
  margin:18px 0
}
.v6-hero p{
  font-size:17px;
  color:#d1e8f7;
  line-height:1.6;
  max-width:710px
}
.v6-hero-girl{
  position:absolute;
  right:34px;
  bottom:-42px;
  height:470px;
  z-index:1;
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.34))
}
.hero-offer{
  display:flex;
  gap:24px;
  margin:22px 0
}
.hero-offer div{
  display:flex;
  flex-direction:column
}
.hero-offer strong{
  font-size:27px;
  color:#72d8ff
}
.hero-offer span{
  font-size:11px;
  color:#c4ddec
}
.activity-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  margin-top:12px
}
.win-item{
  padding:11px 12px;
  border-radius:15px;
  background:linear-gradient(145deg,#114a79,#0c365d);
  border:1px solid rgba(107,194,255,.2);
  min-width:0
}
.win-item span{
  display:block;
  color:#68efaa;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em
}
.win-item b{
  display:block;
  font-size:13px;
  margin:3px 0
}
.win-item small{
  display:block;
  color:#a7c4da;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.pulse{
  animation:v6pulse .5s ease
}
@keyframes v6pulse{
  0%{
    box-shadow:0 0 0 rgba(60,184,255,0)
  }
  50%{
    box-shadow:0 0 25px rgba(60,184,255,.32)
  }
  100%{
    box-shadow:0 0 0 rgba(60,184,255,0)
  }
}
.section{
  padding-top:36px
}
.content-card{
  background:linear-gradient(150deg,#124c79,#0b3559);
  border-color:rgba(114,197,255,.23)
}
.content-card.prose p{
  color:#c9deee;
  font-size:14.5px
}
.section-head p{
  color:#b3d0e5
}
.v6-game-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:11px
}
.v6-game-grid.small{
  grid-template-columns:repeat(8,1fr)
}
.v6-game-card{
  position:relative;
  min-width:0;
  border-radius:17px;
  overflow:hidden;
  border:1px solid rgba(107,193,255,.2);
  background:#0d375d;
  box-shadow:0 10px 26px rgba(0,12,28,.18);
  transition:.2s
}
.v6-game-card:hover{
  transform:translateY(-4px);
  border-color:#5bc2ff;
  box-shadow:0 18px 38px rgba(0,14,34,.28),0 0 26px rgba(48,160,255,.14)
}
.v6-cover{
  position:relative;
  aspect-ratio:384/516;
  overflow:hidden
}
.v6-cover img{
  width:100%;
  height:100%;
  object-fit:cover
}
.v6-cover:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:54%;
  background:linear-gradient(transparent,rgba(4,23,40,.96))
}
.v6-badge{
  position:absolute;
  z-index:3;
  top:8px;
  left:8px;
  padding:4px 7px;
  border-radius:8px;
  background:#218ff1;
  font-size:7px;
  font-weight:950
}
.v6-badge.fast{
  background:#e68b25
}
.v6-badge.live{
  background:#a43eed
}
.v6-title{
  position:absolute;
  z-index:3;
  left:10px;
  right:10px;
  bottom:9px;
  text-shadow:0 2px 8px #000
}
.v6-title strong{
  display:block;
  font-size:11px;
  line-height:1.12;
  color:#fff;
  text-transform:uppercase;
  word-break:break-word
}
.v6-title small{
  display:block;
  margin-top:4px;
  color:#b7d2e6;
  font-size:8px
}
.v6-provider-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.v6-provider-card{
  position:relative;
  height:142px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(108,196,255,.22);
  background:#0e3b63;
  box-shadow:0 12px 30px rgba(0,13,30,.17);
  transition:.2s
}
.v6-provider-card:hover{
  transform:translateY(-3px);
  border-color:#5ec7ff
}
.v6-provider-card>img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.75) brightness(.72)
}
.v6-provider-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,35,62,.96),rgba(6,44,76,.68),rgba(6,46,80,.28)),linear-gradient(0deg,rgba(3,21,39,.85),transparent 70%)
}
.v6-provider-wordmark{
  position:absolute;
  left:18px;
  right:18px;
  bottom:17px
}
.v6-provider-wordmark b{
  display:block;
  font-size:20px;
  letter-spacing:-.02em
}
.v6-provider-wordmark span{
  display:block;
  margin-top:4px;
  font-size:10px;
  color:#a9cae2
}
.v6-banner{
  position:relative;
  min-height:250px;
  margin-top:36px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(103,192,255,.28);
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  padding:34px 45% 34px 36px;
  background:#0d416e
}
.v6-banner>div{
  position:relative;
  z-index:2
}
.v6-banner h2{
  font-size:36px;
  margin:8px 0
}
.v6-banner p{
  color:#c7dfee;
  line-height:1.68
}
.v6-banner>img{
  position:absolute;
  right:2%;
  bottom:-30px;
  height:280px;
  max-width:50%;
  object-fit:contain
}
.v6-banner.jackpot{
  background:linear-gradient(90deg,rgba(13,60,105,.95),rgba(25,58,126,.78),rgba(9,52,91,.3)),url('../img/kingBackNew.webp') center/cover
}
.v6-banner.jackpot>img{
  left:10px;
  right:auto;
  height:235px;
  opacity:.35;
  mix-blend-mode:screen
}
.v6-banner.bonus{
  background:linear-gradient(90deg,rgba(9,54,91,.98),rgba(13,73,118,.78),rgba(12,62,103,.25)),url('../img/bonusBackeNew.webp') center/cover
}
.v6-banner.tournament{
  background:linear-gradient(90deg,rgba(7,52,90,.98),rgba(17,68,114,.75),rgba(12,52,90,.18)),url('../img/kingsBackNew.webp') center/cover
}
.link-row{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:14px
}
.link-row a,.text-link{
  color:#76d0ff;
  font-weight:900
}
.license-block,.faq-cta{
  background:linear-gradient(120deg,#165b8d,#0c3d68);
  border-color:rgba(111,199,255,.28)
}
.catalog-hero{
  position:relative;
  min-height:320px;
  margin-top:22px;
  padding:42px 42% 40px 38px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(105,194,255,.3);
  background:linear-gradient(100deg,#11507f,#0c3a63);
  box-shadow:var(--shadow)
}
.catalog-hero>div{
  position:relative;
  z-index:2
}
.catalog-hero h1{
  font-size:52px;
  line-height:1;
  margin:10px 0 15px;
  letter-spacing:-.05em
}
.catalog-hero p{
  color:#cae1ef;
  line-height:1.72;
  max-width:780px
}
.catalog-hero>img{
  position:absolute;
  right:3%;
  bottom:-32px;
  height:340px;
  max-width:40%;
  object-fit:contain;
  filter:drop-shadow(0 20px 32px rgba(0,0,0,.3))
}
.slots-visual{
  background:linear-gradient(90deg,rgba(13,70,112,.98),rgba(9,65,109,.78),rgba(7,56,96,.25)),url('../img/slotBackNew.jpg') center/cover
}
.fast-visual{
  background:linear-gradient(90deg,rgba(14,72,112,.98),rgba(11,62,103,.8),rgba(7,54,92,.3)),url('../img/lazyBackNew.webp') center/cover
}
.live-visual{
  background:linear-gradient(90deg,rgba(10,68,112,.97),rgba(12,65,108,.77),rgba(7,52,90,.28)),url('../img/authBanner.webp') center/cover
}
.providers-visual{
  background:linear-gradient(90deg,rgba(12,69,111,.97),rgba(11,64,107,.8),rgba(7,54,92,.3)),url('../img/kingsBackNew.webp') center/cover
}
.reviews-visual{
  background:linear-gradient(90deg,rgba(12,68,108,.97),rgba(11,61,101,.8),rgba(7,52,88,.25)),url('../img/cashBackNew.jpg') center/cover
}
.catalog-tools{
  margin-top:18px;
  padding:15px;
  border-radius:19px;
  background:linear-gradient(145deg,#124c79,#0c3a63);
  border:1px solid rgba(112,197,255,.22);
  display:grid;
  grid-template-columns:minmax(240px,1fr) 280px 120px;
  gap:12px;
  align-items:end
}
.catalog-tools label{
  display:flex;
  flex-direction:column;
  gap:6px
}
.catalog-tools label span{
  font-size:10px;
  font-weight:900;
  color:#9fc7e2
}
.catalog-tools input,.catalog-tools select{
  height:46px;
  border:1px solid rgba(112,196,255,.24);
  border-radius:13px;
  background:#082f52;
  color:#fff;
  padding:0 14px;
  outline:none
}
.catalog-tools input:focus,.catalog-tools select:focus{
  border-color:#61c8ff;
  box-shadow:0 0 0 3px rgba(62,178,255,.12)
}
.catalog-count{
  height:46px;
  border-radius:13px;
  background:#0b355a;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.catalog-count b{
  font-size:18px
}
.catalog-count span{
  font-size:8px;
  color:#98bdd7
}
.catalog-empty{
  display:none;
  text-align:center;
  padding:30px;
  color:#a9c7dd
}
.catalog-empty.show{
  display:block
}
.v6-game-card.hidden{
  display:none
}
.provider-hero-v6{
  display:grid;
  grid-template-columns:minmax(0,1fr) 470px;
  gap:30px;
  margin-top:22px;
  padding:38px;
  border-radius:28px;
  background:radial-gradient(circle at 84% 20%,rgba(78,188,255,.26),transparent 34%),linear-gradient(120deg,#145a8b,#0b3961);
  border:1px solid rgba(108,195,255,.28);
  box-shadow:var(--shadow);
  overflow:hidden
}
.provider-hero-v6 h1{
  font-size:58px;
  line-height:.98;
  margin:12px 0
}
.provider-hero-v6 p{
  color:#cae2f1;
  line-height:1.75
}
.provider-stats{
  display:flex;
  gap:9px;
  margin-top:18px
}
.provider-stats span{
  min-width:92px;
  padding:11px 13px;
  border-radius:14px;
  background:#0b3559;
  border:1px solid rgba(118,197,250,.18);
  font-size:9px;
  color:#9ebfd7
}
.provider-stats b{
  display:block;
  font-size:18px;
  color:#fff
}
.provider-hero-covers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  transform:rotate(2deg);
  align-items:center
}
.provider-hero-covers a{
  border-radius:15px;
  overflow:hidden;
  border:1px solid rgba(132,209,255,.25);
  box-shadow:0 16px 28px rgba(0,0,0,.2)
}
.provider-hero-covers a:nth-child(even){
  transform:translateY(22px)
}
.provider-hero-covers img{
  width:100%;
  aspect-ratio:384/516;
  object-fit:cover
}
.game-detail-v6{
  display:grid;
  grid-template-columns:330px 1fr;
  gap:32px;
  margin-top:18px;
  padding:30px;
  border-radius:28px;
  background:radial-gradient(circle at 90% 10%,rgba(64,181,255,.20),transparent 32%),linear-gradient(145deg,#145887,#0b385f);
  border:1px solid rgba(108,197,255,.28);
  box-shadow:var(--shadow)
}
.game-art-v6 img{
  width:100%;
  aspect-ratio:384/516;
  object-fit:cover;
  border-radius:21px;
  border:1px solid rgba(125,205,255,.28);
  box-shadow:0 20px 42px rgba(0,0,0,.25)
}
.game-copy-v6{
  align-self:center
}
.game-copy-v6 h1{
  font-size:50px;
  line-height:1;
  letter-spacing:-.045em;
  margin:12px 0 17px
}
.game-copy-v6 p{
  color:#c9dfed;
  font-size:15px;
  line-height:1.78;
  max-width:850px
}
.live-provider-block{
  background:linear-gradient(150deg,#114b79,#0a355b);
  border-color:rgba(107,195,255,.22)
}
.data-table th{
  background:#12507d
}
.data-table td{
  background:#0b365b;
  color:#c3daea
}
.data-table tr:hover td{
  background:#10426c
}
.review-card{
  background:linear-gradient(155deg,#124e7c,#0b365c);
  border-color:rgba(111,196,255,.2)
}
.v6-footer{
  background:#072b4a;
  border-top:1px solid rgba(108,196,255,.17);
  margin-top:50px
}
@media(max-width:1180px){
  .v6-game-grid,.v6-game-grid.small{
    grid-template-columns:repeat(6,1fr)
  }
  .v6-provider-grid{
    grid-template-columns:repeat(3,1fr)
  }
  .provider-hero-v6{
    grid-template-columns:1fr 390px
  }
  .v6-header .main-nav a:nth-child(n+7){
    display:none
  }
}
@media(max-width:900px){
  .v6-header .main-nav{
    display:none
  }
  .v6-header .menu-btn{
    display:block
  }
  .v6-hero{
    min-height:560px
  }
  .v6-hero-copy{
    width:100%;
    padding:36px 26px 270px
  }
  .v6-hero-girl{
    height:300px;
    right:0
  }
  .activity-strip{
    grid-template-columns:repeat(3,1fr)
  }
  .v6-game-grid,.v6-game-grid.small{
    grid-template-columns:repeat(4,1fr)
  }
  .v6-provider-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .provider-hero-v6{
    grid-template-columns:1fr
  }
  .provider-hero-covers{
    max-width:520px
  }
  .catalog-hero{
    padding-right:30%;
  }
  .catalog-hero>img{
    opacity:.7
  }
  .catalog-tools{
    grid-template-columns:1fr 1fr 100px
  }
  .game-detail-v6{
    grid-template-columns:250px 1fr
  }
  .v6-banner{
    padding-right:36%
  }
  .text-feature-grid{
    grid-template-columns:1fr
  }
}
@media(max-width:720px){
  .container{
    width:min(100% - 24px,var(--container))
  }
  .v6-header .nav{
    height:62px
  }
  .v6-header .brand,.v6-header .brand img{
    width:126px
  }
  .mobile-nav{
    top:62px;
    max-height:calc(100vh - 62px)
  }
  .v6-hero{
    min-height:545px;
    border-radius:22px
  }
  .v6-hero-copy{
    padding:28px 20px 270px
  }
  .v6-hero h1{
    font-size:43px
  }
  .v6-hero-girl{
    height:290px;
    bottom:-28px
  }
  .activity-strip{
    grid-template-columns:repeat(2,1fr)
  }
  .win-item:nth-child(n+5){
    display:none
  }
  .v6-game-grid,.v6-game-grid.small{
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  .v6-title strong{
    font-size:10px
  }
  .v6-provider-grid{
    grid-template-columns:1fr 1fr
  }
  .v6-provider-card{
    height:122px
  }
  .v6-banner{
    padding:28px 20px 215px;
    min-height:440px
  }
  .v6-banner>img{
    height:250px;
    max-width:90%;
    right:2%
  }
  .catalog-hero{
    padding:28px 20px 235px;
    min-height:470px
  }
  .catalog-hero h1{
    font-size:40px
  }
  .catalog-hero>img{
    height:260px;
    max-width:90%;
    right:0;
    opacity:.85
  }
  .catalog-tools{
    grid-template-columns:1fr
  }
  .catalog-count{
    height:42px
  }
  .provider-hero-v6{
    padding:24px
  }
  .provider-hero-v6 h1{
    font-size:42px
  }
  .provider-hero-covers{
    grid-template-columns:repeat(4,1fr);
    gap:5px
  }
  .provider-stats{
    flex-wrap:wrap
  }
  .game-detail-v6{
    grid-template-columns:1fr;
    padding:20px
  }
  .game-art-v6{
    max-width:280px;
    margin:auto
  }
  .game-copy-v6 h1{
    font-size:38px
  }
  .mobile-sticky{
    display:grid
  }
  .v6-footer{
    padding-bottom:70px
  }
  .license-block{
    grid-template-columns:1fr
  }
  .license-seal{
    width:170px;
    height:170px;
    justify-self:center
  }
}
@media(max-width:430px){
  .v6-game-grid,.v6-game-grid.small{
    grid-template-columns:repeat(2,1fr)
  }
  .v6-provider-grid{
    grid-template-columns:1fr 1fr
  }
  .v6-provider-wordmark b{
    font-size:14px
  }
  .provider-hero-covers{
    grid-template-columns:repeat(2,1fr)
  }
  .provider-hero-covers a:nth-child(even){
    transform:none
  }
  .v6-header .login-btn{
    display:none
  }
  .v6-header .play-btn{
    padding:9px 11px
  }
  .lang-switch{
    font-size:10px
  }
}
/* V7 final visual polish */
body{
  background:radial-gradient(circle at 50% -120px,#1c6ea7 0,#0d4776 22%,#0b355b 48%,#092e50 76%,#082944 100%)
}
.v6-cover:after{
  height:32%;
  background:linear-gradient(transparent,rgba(4,25,45,.92))
}
.v6-title{
  bottom:8px
}
.v6-title .provider-only{
  font-size:9px;
  font-weight:800;
  color:#d4e7f4;
  text-shadow:0 2px 6px #000
}
.v6-title:has(.provider-only){
  padding-top:15px
}
.v6-game-card:hover .provider-only{
  color:#fff
}
.v6-badge{
  box-shadow:0 4px 12px rgba(0,0,0,.25)
}
.v6-hero{
  min-height:470px;
  background:linear-gradient(90deg,rgba(6,36,66,.96) 0%,rgba(9,54,94,.80) 42%,rgba(9,74,122,.20) 70%),url('../img/bonusBackeNew.webp') center/cover
}
.v7-hero-art{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden
}
.v7-hero-main{
  position:absolute;
  right:8.5%;
  bottom:-34px;
  height:455px;
  z-index:3;
  filter:drop-shadow(0 25px 45px rgba(0,0,0,.4))
}
.v7-hero-raccoon{
  position:absolute;
  right:-38px;
  bottom:-18px;
  height:210px;
  opacity:.72;
  z-index:2;
  transform:rotate(-7deg);
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.35))
}
.v7-hero-mascot{
  position:absolute;
  right:42%;
  top:-12px;
  height:165px;
  opacity:.72;
  z-index:1;
  transform:rotate(8deg)
}
.v6-hero:before{
  content:"";
  position:absolute;
  right:3%;
  top:4%;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,189,255,.30),rgba(30,130,240,.08) 46%,transparent 70%);
  filter:blur(2px)
}
.activity-strip .win-item{
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-rows:auto auto auto;
  column-gap:9px;
  align-items:center
}
.win-item>img{
  grid-row:1/4;
  width:34px;
  height:34px;
  border-radius:9px;
  object-fit:cover;
  border:1px solid rgba(105,205,255,.3);
  box-shadow:0 4px 12px rgba(0,0,0,.25)
}
.win-item>span,.win-item>b,.win-item>small{
  grid-column:2
}
.win-item b{
  margin:1px 0
}
.win-item small{
  font-size:8px
}
.v6-banner.jackpot{
  min-height:260px;
  background:linear-gradient(90deg,rgba(13,62,108,.93),rgba(23,64,137,.77),rgba(7,49,86,.18)),url('../img/jBack.jpg') center/cover
}
.v6-banner.jackpot .jackpot-real-art{
  left:auto;
  right:1%;
  bottom:-22px;
  height:285px;
  opacity:1;
  mix-blend-mode:normal;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))
}
.v6-banner.jackpot>div{
  max-width:720px
}
.v6-banner.jackpot p{
  max-width:650px
}
.provider-brand-backplate{
  position:relative;
  min-height:260px;
  border-radius:24px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 45%,rgba(70,183,255,.32),transparent 52%),linear-gradient(145deg,#0b416e,#082e50);
  border:1px solid rgba(119,205,255,.25);
  box-shadow:inset 0 0 45px rgba(0,10,28,.25)
}
.provider-back-cover{
  position:absolute;
  width:31%;
  aspect-ratio:384/516;
  object-fit:cover;
  border-radius:16px;
  opacity:.20;
  filter:blur(.3px) saturate(.75);
  top:50%;
  transform:translateY(-50%) rotate(-8deg);
  box-shadow:0 18px 35px rgba(0,0,0,.35)
}
.provider-back-cover:nth-child(1){
  left:-2%
}
.provider-back-cover:nth-child(2){
  right:34%;
  transform:translateY(-50%) rotate(2deg);
  opacity:.14
}
.provider-back-cover:nth-child(3){
  right:-2%;
  transform:translateY(-50%) rotate(8deg)
}
.provider-brand-logo{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:55px;
  z-index:3;
  background:radial-gradient(circle,rgba(7,35,62,.08),rgba(7,35,62,.65) 78%)
}
.provider-brand-logo img{
  width:min(82%,390px);
  max-height:120px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))
}
.provider-hero-v6{
  grid-template-columns:minmax(0,1fr) 470px;
  background:radial-gradient(circle at 82% 25%,rgba(75,191,255,.22),transparent 35%),linear-gradient(120deg,#176492,#0c416c)
}
.v7-footer{
  background:linear-gradient(180deg,#0a3458,#072943);
  border-top:1px solid rgba(108,196,255,.22);
  margin-top:52px;
  padding-top:38px
}
.v7-footer .footer-grid{
  grid-template-columns:1.35fr repeat(5,1fr);
  gap:25px
}
.footer-socials{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px
}
.footer-socials a{
  padding:8px 10px;
  border:1px solid rgba(113,199,255,.18);
  border-radius:10px;
  background:#0d3b62;
  color:#d8ebf8;
  font-size:11px;
  font-weight:800
}
.footer-provider-strip,.footer-payment-strip{
  padding-top:24px;
  margin-top:25px;
  border-top:1px solid rgba(121,196,244,.15)
}
.footer-provider-strip>div{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px
}
.footer-provider-logo{
  height:58px;
  padding:8px 12px;
  border-radius:12px;
  background:#0b2e4c;
  border:1px solid rgba(120,196,245,.13);
  display:flex;
  align-items:center;
  justify-content:center
}
.footer-provider-logo img{
  max-width:100%;
  max-height:38px;
  object-fit:contain
}
.payment-logos{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap
}
.payment-logos img{
  height:28px;
  max-width:110px;
  object-fit:contain
}
.footer-license{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:24px;
  padding:16px 18px;
  border-radius:16px;
  background:#0b3151;
  border:1px solid rgba(110,195,248,.15)
}
.footer-license div{
  display:flex;
  flex-direction:column;
  gap:4px
}
.footer-license span{
  font-size:11px;
  color:#a9c8dd
}
.footer-license a img{
  height:82px;
  width:auto
}
.footer-bottom{
  margin-top:18px
}
.support-float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:100
}
.support-fab{
  border:1px solid rgba(123,202,255,.27);
  background:#0d365a;
  color:#fff;
  height:50px;
  padding:0 17px;
  border-radius:16px;
  display:flex;
  gap:9px;
  align-items:center;
  box-shadow:0 16px 35px rgba(0,0,0,.34);
  cursor:pointer
}
.support-fab span{
  font-size:22px
}
.support-fab b{
  font-size:12px
}
.support-popover{
  position:absolute;
  right:0;
  bottom:60px;
  width:210px;
  padding:14px;
  border-radius:16px;
  background:#0b2e4d;
  border:1px solid rgba(111,197,252,.24);
  box-shadow:0 18px 45px rgba(0,0,0,.4);
  display:none;
  flex-direction:column;
  gap:7px
}
.support-popover.open{
  display:flex
}
.support-popover strong{
  font-size:12px;
  margin-bottom:4px
}
.support-popover a{
  padding:10px 11px;
  border-radius:10px;
  background:#10436e;
  color:#fff;
  font-size:12px;
  font-weight:800
}
.support-popover a:hover{
  background:#176098
}
.payment-showcase .payment-panel{
  padding:24px 28px;
  border-radius:20px;
  background:linear-gradient(135deg,#114b79,#0b355b);
  border:1px solid rgba(111,199,255,.22)
}
.payment-showcase .payment-logos{
  justify-content:space-between
}
.payment-showcase .payment-logos img{
  height:35px;
  max-width:125px
}
.license-verify{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#8fd9ff;
  font-size:10px;
  font-weight:900
}
.license-verify img{
  width:142px;
  height:142px;
  object-fit:contain
}
.license-detail-card{
  display:grid;
  grid-template-columns:1fr 190px;
  gap:28px;
  padding:28px;
  border-radius:22px;
  background:linear-gradient(135deg,#145681,#0b385f);
  border:1px solid rgba(112,199,255,.24);
  align-items:center
}
.license-detail-card>img{
  width:170px;
  justify-self:end
}
.license-detail-card p{
  color:#c8dfef;
  line-height:1.7
}
@media(max-width:1100px){
  .v7-footer .footer-grid{
    grid-template-columns:1.5fr repeat(3,1fr)
  }
  .footer-provider-strip>div{
    grid-template-columns:repeat(4,1fr)
  }
  .v7-hero-main{
    right:3%
  }
  .v7-hero-raccoon{
    display:none
  }
}
@media(max-width:760px){
  .v7-hero-art{
    opacity:.9
  }
  .v7-hero-main{
    height:285px;
    right:3%;
    bottom:-15px
  }
  .v7-hero-mascot{
    height:120px;
    right:58%;
    top:auto;
    bottom:115px
  }
  .v6-hero-copy{
    padding-bottom:270px
  }
  .activity-strip .win-item{
    grid-template-columns:30px 1fr
  }
  .win-item>img{
    width:30px;
    height:30px
  }
  .v7-footer .footer-grid{
    grid-template-columns:1fr 1fr;
    text-align:center
  }
  .v7-footer .footer-brand{
    grid-column:1/-1
  }
  .footer-socials,.payment-logos{
    justify-content:center
  }
  .footer-provider-strip>div{
    grid-template-columns:repeat(2,1fr)
  }
  .footer-license{
    flex-direction:column;
    gap:10px;
    text-align:center
  }
  .support-float{
    right:12px;
    bottom:76px
  }
  .support-fab b{
    display:none
  }
  .support-fab{
    width:48px;
    padding:0;
    justify-content:center;
    border-radius:50%
  }
  .payment-showcase .payment-logos{
    justify-content:center
  }
  .license-detail-card{
    grid-template-columns:1fr;
    text-align:center
  }
  .license-detail-card>img{
    justify-self:center
  }
  .provider-hero-v6{
    grid-template-columns:1fr
  }
  .provider-brand-backplate{
    min-height:210px
  }
}
/* V8 provider logos, pre-footer and support polish */
.prefooter-ecosystem{
  margin-top:54px;
  padding:30px 0 0;
  background:linear-gradient(180deg,rgba(7,38,65,.18),rgba(8,46,78,.38));
  border-top:1px solid rgba(118,197,248,.14)
}
.prefooter-ecosystem .footer-provider-strip,.prefooter-ecosystem .footer-payment-strip{
  margin-top:0;
  padding:22px 0;
  border-top:0;
  border-bottom:1px solid rgba(121,196,244,.13)
}
.prefooter-ecosystem .footer-provider-strip h4,.prefooter-ecosystem .footer-payment-strip h4{
  margin:0 0 14px;
  font-size:13px
}
.prefooter-ecosystem .footer-provider-strip>div{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px
}
.prefooter-ecosystem .footer-provider-logo{
  height:64px;
  padding:7px 10px;
  border-radius:13px;
  background:linear-gradient(180deg,#0d3b62,#0a3152);
  border:1px solid rgba(128,205,255,.15);
  display:flex;
  align-items:center;
  justify-content:center
}
.prefooter-ecosystem .footer-provider-logo img{
  width:100%;
  max-width:150px;
  height:46px;
  object-fit:contain
}
.prefooter-ecosystem .footer-license{
  margin:22px 0 0;
  padding:18px 20px;
  background:linear-gradient(135deg,#10466f,#0b365b);
  border:1px solid rgba(119,201,255,.2)
}
.prefooter-ecosystem+.footer{
  margin-top:0
}
.v7-footer{
  margin-top:0
}
.provider-brand-logo img{
  width:min(88%,420px);
  height:120px;
  max-height:120px;
  object-fit:contain;
  filter:drop-shadow(0 9px 22px rgba(0,0,0,.45))
}
.provider-card-logo{
  position:absolute!important;
  z-index:4!important;
  left:24px!important;
  right:24px!important;
  top:25px!important;
  width:calc(100% - 48px)!important;
  height:70px!important;
  object-fit:contain!important;
  opacity:.98!important;
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.45))!important
}
.v6-provider-card .v6-provider-wordmark{
  z-index:5
}
.v6-provider-card .v6-provider-shade{
  background:linear-gradient(180deg,rgba(2,18,33,.38),rgba(4,25,45,.80) 62%,rgba(4,25,45,.96))
}
.support-popover a[data-email]{
  background:#0f4e78
}
.support-email-card{
  margin-top:24px;
  padding:24px 26px;
  border-radius:20px;
  background:linear-gradient(135deg,#10466f,#0b3559);
  border:1px solid rgba(114,200,255,.22)
}
.support-email-card h2{
  margin:0 0 8px;
  font-size:24px
}
.support-email-card p{
  margin:0;
  color:#bdd3e5
}
.support-email-card a{
  color:#72c9ff;
  font-weight:900
}
.footer-socials a[data-email]{
  border-color:rgba(107,210,255,.32);
  color:#e4f6ff
}
@media(max-width:1100px){
  .prefooter-ecosystem .footer-provider-strip>div{
    grid-template-columns:repeat(4,1fr)
  }
}
@media(max-width:760px){
  .prefooter-ecosystem{
    margin-top:38px
  }
  .prefooter-ecosystem .footer-provider-strip>div{
    grid-template-columns:repeat(2,1fr)
  }
  .prefooter-ecosystem .footer-provider-logo{
    height:58px
  }
  .provider-card-logo{
    top:20px!important;
    height:58px!important
  }
  .provider-brand-logo img{
    height:92px;
    max-height:92px
  }
}
/* V9 layout / provider / mobile polish */
/* Keep original Novomatic artwork but guarantee contrast on dark Dragon Money surfaces. */
img[src*="provider-logos/novomatic.webp"]{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  filter:brightness(0) invert(1) drop-shadow(0 5px 14px rgba(0,0,0,.35))!important
}
.provider-card-logo[src*="novomatic.webp"]{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important
}
.provider-brand-logo img[src*="novomatic.webp"]{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important
}
/* Payment methods occupy the whole usable row evenly. */
.payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:14px!important;
  width:100%;
  align-items:center
}
.payment-showcase .payment-logos img,.prefooter-ecosystem .payment-logos img{
  width:auto!important;
  max-width:100%!important;
  height:32px!important;
  justify-self:center;
  object-fit:contain
}
.prefooter-ecosystem .footer-payment-strip{
  width:100%
}
/* Homepage provider cards use the actual provider logo on top of game artwork. */
.v6-provider-card .provider-card-logo{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:22px!important;
  right:auto!important;
  transform:translateX(-50%);
  width:72%!important;
  height:58px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.55))
}
.v6-provider-card .provider-card-logo[src*="novomatic.webp"]{
  width:60%!important;
  height:56px!important
}
.v6-provider-card .v6-provider-shade{
  z-index:2
}
.v6-provider-card .v6-provider-wordmark{
  z-index:5
}
/* Compact mobile hero: preserve artwork/decor without turning the first screen into a tall poster. */
@media(max-width:760px){
  .v6-hero{
    min-height:420px!important;
    border-radius:20px
  }
  .v6-hero-copy{
    padding:24px 18px 172px!important;
    width:100%
  }
  .v6-hero h1{
    font-size:34px!important;
    line-height:1.02!important;
    margin:13px 0 12px!important
  }
  .v6-hero p{
    font-size:13px!important;
    line-height:1.5!important;
    margin-bottom:14px!important
  }
  .v6-hero .hero-actions{
    gap:7px
  }
  .v6-hero .btn{
    min-height:40px;
    padding:0 12px;
    font-size:11px
  }
  .v7-hero-main{
    height:215px!important;
    right:-7px!important;
    bottom:-14px!important
  }
  .v7-hero-mascot{
    height:82px!important;
    right:57%!important;
    bottom:93px!important;
    top:auto!important
  }
  .v7-hero-raccoon{
    display:block!important;
    height:92px!important;
    right:39%!important;
    bottom:18px!important;
    opacity:.55!important
  }
  .payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px 9px!important
  }
  .payment-showcase .payment-logos img,.prefooter-ecosystem .payment-logos img{
    height:27px!important
  }
  .v7-footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    text-align:center
  }
  .v7-footer .footer-grid>div:last-child{
    grid-column:1/-1;
    justify-self:center;
    width:min(100%,250px);
    text-align:center
  }
  .v7-footer .footer-grid>div:last-child h4{
    text-align:center
  }
  .v7-footer .footer-grid>div:last-child a{
    text-align:center
  }
  .v6-provider-card .provider-card-logo{
    top:16px!important;
    height:48px!important
  }
}
@media(max-width:430px){
  .v6-hero{
    min-height:390px!important
  }
  .v6-hero-copy{
    padding:20px 16px 148px!important
  }
  .v6-hero h1{
    font-size:31px!important
  }
  .v7-hero-main{
    height:188px!important;
    right:-12px!important
  }
  .v7-hero-mascot{
    height:68px!important;
    bottom:78px!important
  }
  .v7-hero-raccoon{
    height:76px!important;
    bottom:13px!important
  }
  .payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
/* V10 human-copy / payment / mobile-hero polish */
.payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:16px!important
}
@media(max-width:760px){
  .v6-hero{
    min-height:350px!important
  }
  .v6-hero-copy{
    padding:22px 16px 96px!important;
    width:100%!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important
  }
  .v6-hero-copy .eyebrow{
    align-self:center!important
  }
  .v6-hero h1{
    font-size:32px!important;
    max-width:360px!important;
    margin:10px auto 9px!important
  }
  .v6-hero p{
    font-size:12.5px!important;
    line-height:1.45!important;
    max-width:345px!important;
    margin:0 auto 11px!important
  }
  .v6-hero .hero-offer{
    justify-content:center!important;
    margin:12px 0 14px!important;
    gap:28px!important;
    width:100%!important
  }
  .v6-hero .hero-offer>div{
    align-items:center!important;
    text-align:center!important
  }
  .v6-hero .hero-actions{
    justify-content:center!important;
    width:100%!important
  }
  .v7-hero-art{
    opacity:.82!important
  }
  .v7-hero-main{
    height:132px!important;
    right:4%!important;
    bottom:-7px!important
  }
  .v7-hero-mascot{
    height:46px!important;
    right:64%!important;
    bottom:38px!important;
    top:auto!important;
    opacity:.65!important
  }
  .v7-hero-raccoon{
    display:block!important;
    height:54px!important;
    right:43%!important;
    bottom:3px!important;
    opacity:.42!important
  }
  .v6-hero:before{
    width:220px!important;
    height:220px!important;
    right:15%!important;
    top:auto!important;
    bottom:-80px!important
  }
  .payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
    grid-template-columns:repeat(4,minmax(0,1fr))!important
  }
}
@media(max-width:430px){
  .v6-hero{
    min-height:330px!important
  }
  .v6-hero-copy{
    padding:18px 14px 82px!important
  }
  .v6-hero h1{
    font-size:29px!important
  }
  .v6-hero p{
    font-size:12px!important;
    max-width:320px!important
  }
  .v6-hero .hero-offer{
    gap:22px!important;
    margin:10px 0 12px!important
  }
  .v6-hero .hero-offer strong{
    font-size:23px!important
  }
  .v6-hero .btn{
    min-height:38px!important;
    padding:0 11px!important;
    font-size:10.5px!important
  }
  .v7-hero-main{
    height:112px!important;
    right:0!important;
    bottom:-7px!important
  }
  .v7-hero-mascot{
    height:38px!important;
    right:66%!important;
    bottom:33px!important
  }
  .v7-hero-raccoon{
    height:44px!important;
    right:44%!important;
    bottom:2px!important
  }
  .payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
/* V10.1 payment order */
.payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
  grid-template-columns:repeat(9,minmax(0,1fr))!important
}
@media(max-width:760px){
  .payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}
@media(max-width:430px){
  .payment-showcase .payment-logos,.prefooter-ecosystem .payment-logos{
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}
/* V11 reviews */
.reviews-page-intro{
  margin-top:22px;
  padding:38px;
  border-radius:28px;
  background:linear-gradient(115deg,rgba(14,79,127,.96),rgba(8,50,86,.94)),url('../img/cashBackNew.jpg') center/cover;
  border:1px solid rgba(105,194,255,.28);
  box-shadow:var(--shadow)
}
.reviews-page-intro h1{
  font-size:52px;
  line-height:1.02;
  margin:10px 0 14px;
  letter-spacing:-.045em
}
.reviews-page-intro p{
  max-width:820px;
  color:#cbe1f0;
  font-size:15px;
  line-height:1.7
}
.reviews-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px
}
.reviews-summary div{
  padding:15px 17px;
  border-radius:16px;
  background:rgba(6,35,61,.58);
  border:1px solid rgba(111,197,255,.18)
}
.reviews-summary b{
  display:block;
  font-size:20px;
  color:#fff
}
.reviews-summary span{
  font-size:10px;
  color:#a8c5d9
}
.review-person-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.review-card-person{
  min-height:220px;
  padding:20px;
  border-radius:19px;
  background:linear-gradient(150deg,#124a76,#0a3559);
  border:1px solid rgba(111,197,255,.22);
  box-shadow:0 12px 26px rgba(0,0,0,.12)
}
.review-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px
}
.review-avatar{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(180deg,#38b7ff,#1479ef);
  font-size:17px;
  font-weight:950;
  color:#fff;
  box-shadow:0 7px 20px rgba(27,137,255,.25)
}
.review-person{
  flex:1
}
.review-person h2{
  font-size:16px;
  margin:0 0 3px
}
.review-person p{
  margin:0!important;
  font-size:10px!important;
  color:#8eb0c9!important
}
.review-head b{
  font-size:11px;
  color:#ffd95a;
  white-space:nowrap
}
.review-card-person>p{
  font-size:13px;
  line-height:1.7;
  color:#c7dbea;
  margin:0
}
.home-review-person{
  min-height:175px
}
.home-review-person .review-head{
  margin-bottom:10px
}
.home-review-person>p{
  font-size:12px
}
.review-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
  flex-wrap:wrap
}
@media(max-width:900px){
  .review-person-grid{
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:720px){
  .reviews-page-intro{
    padding:26px 20px
  }
  .reviews-page-intro h1{
    font-size:36px
  }
  .reviews-summary{
    grid-template-columns:1fr
  }
  .review-person-grid{
    grid-template-columns:1fr
  }
  .review-card-person{
    min-height:0
  }
}
/* V12 mobile header + hero cleanup */
@media(max-width:760px){
  .v6-header .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding-left:0!important;
    padding-right:0!important
  }
  .v6-header .brand{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    margin-right:0!important
  }
  .v6-header .brand img{
    width:112px!important;
    min-width:112px!important
  }
  .v6-header .nav-side{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    flex:0 0 auto!important
  }
  .v6-header .lang-switch{
    padding:4px!important;
    gap:3px!important;
    border-radius:10px!important
  }
  .v6-header .lang-switch a{
    padding:4px 5px!important;
    font-size:10px!important
  }
  .v6-header .play-btn{
    padding:9px 12px!important;
    min-width:61px!important;
    text-align:center!important
  }
  .v6-header .menu-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    font-size:17px!important
  }
  /* On mobile the beach itself is the decoration: remove the loose mascots/character strip. */
  .v6-hero{
    min-height:292px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background-position:center center!important
  }
  .v6-hero-copy{
    width:100%!important;
    min-height:292px!important;
    padding:20px 18px!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important
  }
  .v6-hero-copy .eyebrow{
    align-self:center!important
  }
  .v6-hero h1{
    font-size:30px!important;
    line-height:1.04!important;
    max-width:330px!important;
    margin:10px auto 9px!important
  }
  .v6-hero p{
    font-size:12.5px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin:0 auto 10px!important
  }
  .v6-hero .hero-offer{
    justify-content:center!important;
    gap:28px!important;
    width:100%!important;
    margin:9px 0 11px!important
  }
  .v6-hero .hero-offer>div{
    align-items:center!important;
    text-align:center!important
  }
  .v6-hero .hero-actions{
    justify-content:center!important;
    width:100%!important;
    gap:7px!important
  }
  .v6-hero .btn{
    min-height:38px!important;
    padding:0 11px!important;
    font-size:10.5px!important
  }
  .v7-hero-art{
    display:none!important
  }
  .v6-hero:before{
    display:none!important
  }
}
@media(max-width:390px){
  .v6-header .brand{
    flex-basis:106px!important;
    width:106px!important;
    min-width:106px!important
  }
  .v6-header .brand img{
    width:106px!important;
    min-width:106px!important
  }
  .v6-header .lang-switch a{
    padding:4px!important
  }
  .v6-header .play-btn{
    padding:8px 10px!important;
    min-width:56px!important
  }
  .v6-header .menu-btn{
    width:36px!important;
    height:36px!important
  }
  .v6-hero{
    min-height:278px!important
  }
  .v6-hero-copy{
    min-height:278px!important;
    padding:17px 14px!important
  }
  .v6-hero h1{
    font-size:28px!important
  }
  .v6-hero p{
    font-size:12px!important;
    max-width:310px!important
  }
  .v6-hero .hero-offer{
    gap:22px!important;
    margin:8px 0 10px!important
  }
  .v6-hero .hero-offer strong{
    font-size:22px!important
  }
}
/* V16 homepage spacing + centered editorial block */
.v14-home-depth{
  width:min(100% - 36px,var(--container));
  margin:18px auto 0;
  padding-top:0!important;
}
.v14-home-depth .content-card{
  width:100%;
}
.v14-home-depth .content-card.prose > *{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.v14-home-depth .content-card.prose h2{
  text-align:left;
}
.v14-home-depth .content-card.prose p{
  max-width:900px;
}
.v6-home .container > .section + .section{
  padding-top:18px;
}
.v6-home .container > .section + .section .content-card, .v6-home .container > .section + .section .section-head{
  margin-top:0;
}
@media(max-width:720px){
  .v14-home-depth{
    width:min(100% - 20px,var(--container));
    margin-top:14px
  }
  .v14-home-depth .content-card.prose > *{
    max-width:100%
  }
}
/* V17 hero consistency + spacing cleanup */
/* Main hero: remove the cramped look by giving copy more breathing room and toning down auxiliary mascots. */
.v6-hero{
  min-height:448px!important;
  display:flex;
  align-items:stretch
}
.v6-hero-copy{
  width:56%!important;
  max-width:680px;
  padding:56px 0 52px 50px!important
}
.v6-hero h1{
  max-width:620px
}
.v6-hero p{
  max-width:590px
}
.v7-hero-main{
  right:58px!important;
  bottom:-6px!important;
  height:418px!important
}
.v7-hero-raccoon{
  right:-34px!important;
  bottom:-26px!important;
  height:168px!important;
  opacity:.34!important;
  transform:none!important
}
.v7-hero-mascot{
  display:none!important
}
.v6-hero:before{
  right:9%!important;
  top:10%!important;
  width:310px!important;
  height:310px!important;
  opacity:.72
}
/* Give all existing page heroes the same visual language as the homepage hero without adding new heroes where none exist. */
.page-hero{
  min-height:420px!important;
  margin-top:18px!important;
  border-radius:30px!important;
  border:1px solid rgba(95,191,255,.34)!important;
  box-shadow:0 25px 70px rgba(0,13,36,.30)!important;
  overflow:hidden;
}
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 30%,rgba(74,185,255,.22),transparent 34%);
  pointer-events:none;
}
.page-hero-copy{
  position:relative;
  z-index:2;
  width:56%!important;
  max-width:680px;
  padding:56px 0 52px 50px!important;
}
.page-hero h1{
  max-width:620px;
  line-height:.98!important;
  margin:16px 0 14px!important
}
.page-hero p{
  max-width:590px;
  font-size:16px;
  line-height:1.55!important
}
.page-hero .page-figure{
  right:58px!important;
  bottom:-8px!important;
  height:390px!important;
  max-width:none!important;
  z-index:1!important;
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.38))!important;
}
/* Reduce the tall empty area inside paired text blocks on inner pages. */
.intro-grid,.split-text{
  align-items:start!important
}
.content-card,.thematic-card,.faq-cta,.route-card{
  height:auto!important
}
/* Homepage editorial block: keep the block itself centered and tighten the rhythm between sections. */
.v14-home-depth{
  margin:10px auto 0!important
}
.v14-home-depth .content-card{
  padding:28px 34px!important
}
.v14-home-depth .content-card.prose > *{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important
}
.v6-home .container > .section + .section{
  padding-top:10px!important
}
.v6-home .section{
  padding-top:24px!important
}
/* Prefooter + footer: remove excessive air above the footer area. */
.prefooter-ecosystem{
  margin-top:26px!important;
  padding:18px 0 0!important
}
.prefooter-ecosystem .footer-provider-strip,.prefooter-ecosystem .footer-payment-strip{
  padding:16px 0!important
}
.prefooter-ecosystem .footer-license{
  margin:16px 0 0!important
}
.prefooter-ecosystem + .footer{
  padding-top:18px!important;
  margin-top:0!important
}
.v7-footer{
  margin-top:0!important;
  padding-top:18px!important
}
.v7-footer .footer-bottom{
  margin-top:12px!important
}
@media(max-width:1100px){
  .v6-hero-copy,.page-hero-copy{
    width:60%!important
  }
  .v7-hero-main,.page-hero .page-figure{
    right:18px!important
  }
}
@media(max-width:760px){
  .v6-hero{
    min-height:292px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background-position:center center!important
  }
  .v6-hero-copy{
    width:100%!important;
    min-height:292px!important;
    padding:20px 18px!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .v6-hero-copy .eyebrow{
    align-self:center!important
  }
  .v6-hero h1{
    font-size:30px!important;
    line-height:1.04!important;
    max-width:330px!important;
    margin:10px auto 9px!important
  }
  .v6-hero p{
    font-size:12.5px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin:0 auto 10px!important
  }
  .v6-hero .hero-offer{
    justify-content:center!important;
    gap:28px!important;
    width:100%!important;
    margin:9px 0 11px!important
  }
  .v6-hero .hero-offer>div{
    align-items:center!important;
    text-align:center!important
  }
  .v6-hero .hero-actions{
    justify-content:center!important;
    width:100%!important;
    gap:7px!important
  }
  .v6-hero .btn{
    min-height:38px!important;
    padding:0 11px!important;
    font-size:10.5px!important
  }
  .v7-hero-art{
    display:none!important
  }
  .v6-hero:before{
    display:none!important
  }
  .page-hero{
    min-height:292px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background-position:center center!important;
  }
  .page-hero-copy{
    width:100%!important;
    min-height:292px!important;
    padding:20px 18px!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .page-hero-copy .eyebrow{
    align-self:center!important
  }
  .page-hero h1{
    font-size:30px!important;
    line-height:1.04!important;
    max-width:330px!important;
    margin:10px auto 9px!important
  }
  .page-hero p{
    font-size:12.5px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin:0 auto 10px!important
  }
  .page-hero .hero-actions{
    justify-content:center!important;
    width:100%!important;
    gap:7px!important
  }
  .page-hero .btn{
    min-height:38px!important;
    padding:0 11px!important;
    font-size:10.5px!important
  }
  .page-hero .page-figure{
    display:none!important
  }
  .v14-home-depth{
    margin-top:10px!important;
    width:min(100% - 20px,var(--container))!important
  }
  .v14-home-depth .content-card{
    padding:24px 18px!important
  }
  .v14-home-depth .content-card.prose > *{
    max-width:100%!important
  }
  .prefooter-ecosystem{
    margin-top:22px!important
  }
}
@media(max-width:430px){
  .v6-hero{
    min-height:278px!important
  }
  .v6-hero-copy{
    min-height:278px!important;
    padding:17px 14px!important
  }
  .v6-hero h1{
    font-size:28px!important
  }
  .v6-hero p{
    font-size:12px!important;
    max-width:310px!important
  }
  .v6-hero .hero-offer{
    gap:22px!important;
    margin:8px 0 10px!important
  }
  .v6-hero .hero-offer strong{
    font-size:22px!important
  }
  .page-hero{
    min-height:278px!important
  }
  .page-hero-copy{
    min-height:278px!important;
    padding:17px 14px!important
  }
  .page-hero h1{
    font-size:28px!important
  }
  .page-hero p{
    font-size:12px!important;
    max-width:310px!important
  }
}
/* Readable text widths and guaranteed block spacing */
.section + .section{
  margin-top:18px!important;
  padding-top:0!important;
}
.page-hero + .section, .catalog-hero + .section, .provider-hero-v6 + .section, .hub-hero + .section, .v6-hero + .section{
  margin-top:18px!important;
  padding-top:0!important;
}
/* Full-width editorial cards should not leave all copy stuck to one side. */
.section:not(.intro-grid):not(.split-text) > .content-card.prose > h2, .section:not(.intro-grid):not(.split-text) > .content-card.prose > h3, .section:not(.intro-grid):not(.split-text) > .content-card.prose > p, .section:not(.intro-grid):not(.split-text) > .content-card.prose > ul, .section:not(.intro-grid):not(.split-text) > .content-card.prose > ol{
  width:min(100%,920px);
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section:not(.intro-grid):not(.split-text) > .content-card.prose > h2, .section:not(.intro-grid):not(.split-text) > .content-card.prose > h3{
  text-align:left;
}
.section:not(.intro-grid):not(.split-text) > .content-card.prose > .table-wrap{
  width:min(100%,920px);
  margin:18px auto 0!important;
}
/* All tables inside the shared wrapper get the full table treatment, even legacy tables without data-table class. */
.table-wrap table{
  width:100%!important;
  min-width:680px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:15px;
  border:1px solid var(--line);
}
.table-wrap table th,.table-wrap table td{
  text-align:left;
  padding:13px 15px;
  border-bottom:1px solid var(--line);
  font-size:13px;
}
.table-wrap table th{
  background:#10243f;
  color:#fff
}
.table-wrap table td{
  background:#0e1d32;
  color:#aebfd5
}
.table-wrap table tr:last-child td{
  border-bottom:0
}
.table-wrap table td:first-child{
  color:#f2f7fd;
  font-weight:850
}
/* Provider hub: keep editorial content compact and balanced instead of spanning a huge blue field. */
.v14-providerhub-depth .content-card, .providers-editorial .content-card{
  padding:30px 34px!important;
}
.v14-providerhub-depth .content-card.prose > *{
  width:min(100%,920px);
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.v14-providerhub-depth .content-card.prose > .table-wrap{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin:18px auto 0!important;
}
/* Unify every hero type that already exists with the homepage hero shell. No hero is added to pages that did not already have one. */
.page-hero, .catalog-hero, .provider-hero-v6, .hub-hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(95,191,255,.34)!important;
  box-shadow:0 25px 70px rgba(0,13,36,.30)!important;
  background-color:#0b456f!important;
}
.page-hero, .catalog-hero, .hub-hero{
  background-image:linear-gradient(90deg,rgba(7,38,69,.96) 0%,rgba(10,66,112,.82) 48%,rgba(11,74,126,.25)),url('../img/bonusBackeNew.webp')!important;
  background-position:center!important;
  background-size:cover!important;
}
.provider-hero-v6{
  background:linear-gradient(90deg,rgba(7,38,69,.97),rgba(10,66,112,.84) 54%,rgba(11,74,126,.34)),url('../img/bonusBackeNew.webp') center/cover!important;
}
.page-hero:before,.catalog-hero:before,.provider-hero-v6:before,.hub-hero:before{
  content:"";
  position:absolute;
  right:8%;
  top:8%;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,189,255,.26),rgba(30,130,240,.07) 46%,transparent 70%);
  pointer-events:none;
}
/* Catalog/hub heroes follow the same proportions as the homepage while retaining their own page-specific art/content. */
.catalog-hero,.hub-hero{
  min-height:420px!important;
  padding:56px 44% 52px 50px!important;
  display:flex!important;
  align-items:center!important
}
.catalog-hero>div,.hub-hero>div{
  position:relative;
  z-index:2;
  max-width:680px
}
.catalog-hero h1,.hub-hero h1{
  font-size:clamp(42px,5vw,66px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  margin:16px 0 14px!important
}
.catalog-hero p,.hub-hero p{
  max-width:590px!important;
  font-size:16px!important;
  line-height:1.55!important;
  color:#d1e8f7!important
}
.catalog-hero>img,.hub-hero>img{
  position:absolute!important;
  right:58px!important;
  bottom:-8px!important;
  height:390px!important;
  max-width:38%!important;
  object-fit:contain!important;
  z-index:1!important;
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.38))!important
}
/* Provider heroes retain the provider identity but use the same shell/spacing. */
.provider-hero-v6{
  min-height:420px!important;
  padding:38px 42px!important;
  align-items:center!important
}
.provider-hero-v6 h1{
  font-size:clamp(42px,5vw,66px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important
}
.provider-hero-v6>div{
  position:relative;
  z-index:2
}
@media(max-width:760px){
  .section + .section{
    margin-top:14px!important;
    padding-top:0!important
  }
  .page-hero + .section,.catalog-hero + .section,.provider-hero-v6 + .section,.hub-hero + .section,.v6-hero + .section{
    margin-top:14px!important;
    padding-top:0!important
  }
  .section:not(.intro-grid):not(.split-text) > .content-card.prose > *{
    width:100%!important;
    max-width:100%!important
  }
  .section:not(.intro-grid):not(.split-text) > .content-card.prose > .table-wrap{
    width:100%!important
  }
  .catalog-hero,.hub-hero{
    min-height:292px!important;
    padding:20px 18px!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .catalog-hero>div,.hub-hero>div{
    max-width:340px!important;
    margin:auto!important
  }
  .catalog-hero h1,.hub-hero h1{
    font-size:30px!important;
    line-height:1.04!important;
    margin:10px auto 9px!important
  }
  .catalog-hero p,.hub-hero p{
    font-size:12.5px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin:0 auto 10px!important
  }
  .catalog-hero>img,.hub-hero>img{
    display:none!important
  }
  .catalog-hero:before,.hub-hero:before,.provider-hero-v6:before{
    display:none!important
  }
  .provider-hero-v6{
    min-height:292px!important;
    padding:20px 18px!important;
    border-radius:20px!important
  }
  .provider-hero-v6 h1{
    font-size:30px!important
  }
  .v14-providerhub-depth .content-card{
    padding:22px 18px!important
  }
}
/* Compact game heroes, balanced page heroes and fixed licence art */
.game-detail-v6{
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  min-height:0!important;
  margin-top:18px!important;
  padding:24px 28px!important;
}
.game-art-v6{
  width:220px!important;
  height:296px!important;
  max-width:220px!important;
  margin:0!important;
  align-self:center!important
}
.game-art-v6 img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(150deg,#0a3153,#0b3d65)!important;
  border-radius:19px!important;
}
.game-copy-v6 h1{
  font-size:clamp(34px,4vw,48px)!important;
  line-height:1.02!important;
  margin:11px 0 13px!important
}
.game-copy-v6 p{
  font-size:14.5px!important;
  line-height:1.66!important;
  max-width:820px!important;
  margin:0 0 16px!important
}
.game-copy-v6 .hero-actions{
  gap:9px!important
}
.hub-hero{
  min-height:420px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:52px 46% 48px 50px!important;
}
.hub-hero>.eyebrow,.hub-hero>h1,.hub-hero>p{
  position:relative!important;
  z-index:2!important
}
.hub-hero>h1{
  max-width:650px!important
}
.hub-hero>p{
  max-width:620px!important;
  margin:0!important
}
.license-hero-seal{
  position:absolute!important;
  right:78px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:230px!important;
  height:230px!important;
  object-fit:contain!important;
  z-index:2!important;
  filter:drop-shadow(0 20px 34px rgba(0,0,0,.30))!important;
}
.license-detail-card>img{
  width:170px!important;
  height:170px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
}
.footer-license a img{
  width:82px!important;
  height:82px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important
}
.provider-hero-v6{
  grid-template-columns:minmax(0,1fr) 430px!important;
  gap:28px!important;
  min-height:400px!important;
  padding:34px 38px!important
}
.provider-brand-backplate{
  min-height:250px!important;
  height:250px!important;
  align-self:center!important
}
.provider-stats span{
  line-height:1.25!important
}
.catalog-hero{
  min-height:400px!important;
  padding:50px 42% 46px 46px!important
}
.catalog-hero>img{
  height:350px!important;
  max-width:34%!important;
  right:5%!important;
  bottom:-4px!important
}
/* Keep editorial cards compact; no decorative minimum heights or stretched columns. */
.intro-grid,.split-text,.text-feature-grid{
  align-items:start!important
}
.content-card,.thematic-card,.faq-cta,.route-card,.license-block{
  min-height:0!important;
  height:auto!important
}
.content-card.prose>p:last-child,.content-card.prose>ul:last-child,.content-card.prose>ol:last-child{
  margin-bottom:0!important
}
.section+.section{
  margin-top:16px!important
}
@media(max-width:900px){
  .game-detail-v6{
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:20px!important;
    padding:20px!important
  }
  .game-art-v6{
    width:180px!important;
    height:242px!important;
    max-width:180px!important
  }
  .provider-hero-v6{
    grid-template-columns:minmax(0,1fr) 330px!important
  }
  .provider-brand-backplate{
    height:220px!important;
    min-height:220px!important
  }
}
@media(max-width:760px){
  .game-detail-v6{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:14px!important;
    padding:15px!important;
    border-radius:20px!important;
    align-items:center!important
  }
  .game-art-v6{
    width:112px!important;
    height:150px!important;
    max-width:112px!important;
    margin:0!important
  }
  .game-art-v6 img{
    border-radius:14px!important
  }
  .game-copy-v6{
    min-width:0!important
  }
  .game-copy-v6 h1{
    font-size:25px!important;
    line-height:1.04!important;
    margin:8px 0 8px!important;
    overflow-wrap:anywhere!important
  }
  .game-copy-v6 p{
    font-size:11.5px!important;
    line-height:1.45!important;
    margin:0 0 10px!important;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden
  }
  .game-copy-v6 .eyebrow{
    font-size:8px!important;
    padding:6px 8px!important
  }
  .game-copy-v6 .hero-actions{
    display:flex!important;
    gap:6px!important;
    flex-wrap:wrap!important
  }
  .game-copy-v6 .btn{
    min-height:34px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
    flex:0 1 auto!important
  }
  .hub-hero{
    min-height:292px!important;
    padding:20px 18px!important;
    align-items:center!important;
    text-align:center!important
  }
  .hub-hero>h1{
    font-size:30px!important;
    line-height:1.04!important;
    margin:10px auto 9px!important;
    max-width:340px!important
  }
  .hub-hero>p{
    font-size:12.5px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin:0 auto!important
  }
  .license-hero-seal{
    display:none!important
  }
  .license-detail-card>img{
    width:140px!important;
    height:140px!important
  }
  .provider-hero-v6{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:20px 18px!important;
    text-align:center!important
  }
  .provider-hero-v6>div:first-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important
  }
  .provider-hero-v6 p{
    font-size:12.5px!important;
    line-height:1.5!important;
    max-width:340px!important
  }
  .provider-stats{
    justify-content:center!important
  }
  .provider-brand-backplate{
    width:100%!important;
    height:160px!important;
    min-height:160px!important
  }
  .provider-brand-logo{
    padding:32px!important
  }
  .provider-brand-logo img{
    height:82px!important;
    max-height:82px!important
  }
  .catalog-hero{
    min-height:292px!important;
    padding:20px 18px!important;
    text-align:center!important;
    justify-content:center!important
  }
  .catalog-hero>div{
    max-width:340px!important;
    margin:auto!important
  }
  .catalog-hero>img{
    display:none!important
  }
}
@media(max-width:430px){
  .game-detail-v6{
    grid-template-columns:98px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important
  }
  .game-art-v6{
    width:98px!important;
    height:132px!important;
    max-width:98px!important
  }
  .game-copy-v6 h1{
    font-size:22px!important
  }
  .game-copy-v6 p{
    -webkit-line-clamp:3;
    font-size:11px!important
  }
  .game-copy-v6 .btn{
    font-size:9px!important;
    min-height:32px!important;
    padding:0 8px!important
  }
}
/* Licence layout refinements */
.hub-hero>.license-hero-seal{
  width:230px!important;
  height:230px!important;
  max-width:230px!important;
  object-fit:contain!important
}
/* Targeted visual corrections */
.v7-hero-main, .page-hero .page-figure, .hub-hero>.license-hero-girl{
  width:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.hub-hero>.license-hero-girl{
  position:absolute!important;
  right:58px!important;
  bottom:-8px!important;
  height:390px!important;
  max-width:38%!important;
  z-index:1!important;
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.38))!important;
}
.editorial-depth-v6>.text-feature-grid + .content-card{
  margin-top:20px!important;
}
@media(max-width:1100px){
  .hub-hero>.license-hero-girl{
    right:18px!important;
  }
}
@media(max-width:760px){
  .hub-hero>.license-hero-girl{
    display:none!important;
  }
  .editorial-depth-v6>.text-feature-grid + .content-card{
    margin-top:14px!important;
  }
}
/* ============================================================
   DRAGON MONEY project theme — layout preserved from base system.
   Warm light interface + persistent dark mode + utility rail.
   ============================================================ */
:root{
  --dm-bg:#f3f2ef;
  --dm-bg2:#ebe9e4;
  --dm-surface:#ffffff;
  --dm-surface2:#f8f7f3;
  --dm-surface3:#eceae5;
  --dm-text:#171717;
  --dm-muted:#6d6b66;
  --dm-line:rgba(24,24,24,.10);
  --dm-accent:#f3aa00;
  --dm-accent2:#ff8a00;
  --dm-accent-soft:#fff1c9;
  --dm-green:#61c72d;
  --dm-shadow:0 18px 50px rgba(55,39,8,.10);
  --dm-dark:#151515;
  color-scheme:light;
}
html[data-theme="dark"]{
  --dm-bg:#0f1012;
  --dm-bg2:#151619;
  --dm-surface:#191a1e;
  --dm-surface2:#202126;
  --dm-surface3:#26282d;
  --dm-text:#f5f4f1;
  --dm-muted:#aaa8a2;
  --dm-line:rgba(255,255,255,.10);
  --dm-accent:#f3aa00;
  --dm-accent2:#ff9418;
  --dm-accent-soft:#33280d;
  --dm-green:#7ad944;
  --dm-shadow:0 20px 58px rgba(0,0,0,.34);
  --dm-dark:#08090a;
  color-scheme:dark;
}
html{
  background:var(--dm-bg)
}
body{
  background:radial-gradient(circle at 77% 0,rgba(243,170,0,.13),transparent 30%),linear-gradient(180deg,var(--dm-bg),var(--dm-bg2))!important;
  color:var(--dm-text)!important;
  transition:background .25s ease,color .25s ease
}
body:before{
  left:-220px!important;
  top:120px!important;
  width:520px!important;
  height:520px!important;
  background-image:url('../img/dragon-mark.svg')!important;
  background-position:center!important;
  background-size:contain!important;
  opacity:.025!important;
  filter:none!important;
  transform:rotate(-13deg)
}
body:after{
  right:-245px!important;
  top:44%!important;
  width:560px!important;
  height:560px!important;
  background-image:url('../img/dragon-mark.svg')!important;
  background-position:center!important;
  background-size:contain!important;
  opacity:.022!important;
  filter:none!important;
  transform:rotate(16deg)
}
html[data-theme="dark"] body:before,html[data-theme="dark"] body:after{
  filter:invert(1)!important;
  opacity:.035!important
}
.site-header{
  background:rgba(250,249,246,.91)!important;
  border-bottom:1px solid var(--dm-line)!important;
  box-shadow:0 7px 24px rgba(56,39,4,.04)!important
}
html[data-theme="dark"] .site-header{
  background:rgba(15,16,18,.92)!important
}
.brand img{
  filter:none!important;
  max-height:43px;
  object-fit:contain;
  object-position:left center
}
html[data-theme="dark"] .brand img{
  filter:invert(1)!important
}
.main-nav>a{
  color:#76736d!important
}
.main-nav>a.active,.main-nav>a:hover{
  background:var(--dm-accent-soft)!important;
  color:var(--dm-text)!important
}
.main-nav>a.active{
  box-shadow:inset 0 -2px 0 var(--dm-accent)
}
.lang-switch{
  background:var(--dm-surface2)!important;
  border-color:var(--dm-line)!important
}
.lang-switch a{
  color:var(--dm-muted)!important
}
.lang-switch a.active{
  background:var(--dm-accent)!important;
  color:#17120a!important
}
.login-btn{
  background:var(--dm-surface3)!important;
  color:var(--dm-text)!important;
  border:1px solid var(--dm-line)
}
.play-btn,.btn.primary,.mobile-sticky .primary{
  background:linear-gradient(180deg,#ffc526,var(--dm-accent))!important;
  color:#17120a!important;
  border-color:transparent!important;
  box-shadow:0 9px 24px rgba(243,170,0,.25)!important
}
.menu-btn{
  background:var(--dm-surface3)!important;
  color:var(--dm-text)!important
}
.mobile-nav{
  background:var(--dm-surface)!important;
  border-color:var(--dm-line)!important
}
.mobile-nav a{
  color:var(--dm-text)!important;
  border-color:var(--dm-line)!important
}
.breadcrumbs,.breadcrumbs a{
  color:var(--dm-muted)!important
}
/* Hero keeps the inherited geometry; only branding/decor changes. */
.v6-hero,.home-hero{
  background:linear-gradient(100deg,#121212 0%,#20170a 46%,#a65a00 100%)!important;
  border-color:rgba(255,190,33,.45)!important;
  box-shadow:0 26px 70px rgba(83,52,0,.22)!important
}
.v6-hero:after,.home-hero:after{
  background:radial-gradient(circle at 75% 45%,rgba(255,199,45,.38),transparent 36%)!important
}
.v6-hero:before{
  display:block!important;
  right:5%!important;
  top:9%!important;
  width:400px!important;
  height:400px!important;
  background:repeating-radial-gradient(circle,rgba(255,190,22,.22) 0 2px,transparent 3px 30px)!important;
  opacity:.55
}
.v6-hero-copy,.home-hero-copy{
  color:#fff
}
.v6-hero p,.home-hero p{
  color:#e8dfcf!important
}
.v6-hero .eyebrow,.home-hero .eyebrow{
  background:rgba(255,174,0,.13)!important;
  border-color:rgba(255,196,54,.34)!important;
  color:#ffd974!important
}
.v7-hero-main{
  height:300px!important;
  right:10%!important;
  bottom:72px!important;
  opacity:.84!important;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,.38))!important
}
.v7-hero-mascot{
  display:none!important
}
html[data-theme="dark"] .v7-hero-main{
  filter:invert(1) drop-shadow(0 24px 44px rgba(0,0,0,.38))!important;
  opacity:.9!important
}
.hero-offer strong{
  color:#ffc527!important
}
.hero-offer span{
  color:#e4d8c4!important
}
.btn{
  background:var(--dm-surface2)!important;
  color:var(--dm-text)!important;
  border-color:var(--dm-line)!important
}
.v6-hero .btn:not(.primary),.home-hero .btn:not(.primary){
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important
}
/* Shared surfaces. */
.content-card,.route-card,.thematic-card,.faq-cta,.review-card-person,.win-item,.v6-game-card,.v6-provider-card,.provider-hero-v6,.game-detail-v6,.catalog-tools,.license-detail-card,.access-panel,.legal-panel,.payment-showcase,.prefooter-ecosystem,.reviews-page-intro,.related-link,.step,.data-table td,.data-table th,.catalog-card,.info-card{
  background:var(--dm-surface)!important;
  border-color:var(--dm-line)!important;
  color:var(--dm-text)!important;
  box-shadow:var(--dm-shadow)!important;
}
.content-card,.route-card,.thematic-card,.faq-cta,.provider-hero-v6,.game-detail-v6,.reviews-page-intro{
  background:linear-gradient(160deg,var(--dm-surface),var(--dm-surface2))!important
}
.prose p,.content-card p,.route-card a,.thematic-card p,.faq-cta p,.review-card-person>p,.section-head p,.muted,.provider-hero-v6 p,.game-copy-v6 p,.catalog-hero p{
  color:var(--dm-muted)!important
}
.section-head h2,.content-card h2,.content-card h3,.route-card h3,.thematic-card h3,.faq-cta h3,.review-person h2,.provider-hero-v6 h1,.game-copy-v6 h1{
  color:var(--dm-text)!important
}
.eyebrow,.section-kicker{
  color:#9b6500!important;
  background:var(--dm-accent-soft)!important;
  border-color:rgba(243,170,0,.28)!important
}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .section-kicker{
  color:#ffd36b!important
}
.related-link:hover,.quick-card:hover,.v6-game-card:hover,.v6-provider-card:hover{
  border-color:rgba(243,170,0,.48)!important;
  transform:translateY(-2px)
}
.related-link span,.text-link,.section-head>a{
  color:#b37600!important
}
.step b{
  color:#c48000!important
}
.data-table th{
  background:var(--dm-surface3)!important
}
.data-table td{
  background:var(--dm-surface)!important;
  color:var(--dm-muted)!important
}
.data-table td:first-child{
  color:var(--dm-text)!important
}
.activity-strip{
  gap:9px!important
}
.win-item{
  background:linear-gradient(150deg,var(--dm-surface),var(--dm-surface2))!important
}
.win-item span{
  color:#72b933!important
}
.win-item small{
  color:var(--dm-muted)!important
}
.pulse{
  animation:dmPulse .5s ease!important
}
@keyframes dmPulse{
  50%{
    box-shadow:0 0 0 4px rgba(243,170,0,.12),0 12px 28px rgba(56,38,0,.12)
  }
}
.v6-game-card{
  overflow:hidden
}
.v6-cover{
  background:#161616!important
}
.v6-badge.slot{
  background:#f0a900!important;
  color:#17120a!important
}
.v6-badge.live{
  background:#f17700!important
}
.v6-badge.fast{
  background:#d57f00!important
}
.v6-title{
  background:linear-gradient(transparent,rgba(0,0,0,.72))!important
}
.v6-title small,.v6-title strong{
  color:#fff!important
}
.v6-provider-card{
  background:linear-gradient(145deg,var(--dm-surface),var(--dm-surface2))!important
}
.provider-card-logo{
  filter:none
}
.v6-provider-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)!important
}
/* Page, catalogue and banner heroes keep dimensions from base layout. */
.page-hero,.catalog-hero,.v6-banner,.reviews-page-intro{
  background:linear-gradient(105deg,#16120c 0%,#34200b 52%,#d47a00 100%)!important;
  border-color:rgba(243,170,0,.36)!important;
  color:#fff!important;
  box-shadow:0 22px 60px rgba(68,43,0,.18)!important;
  overflow:hidden
}
.page-hero:after,.catalog-hero:after,.v6-banner:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-70px;
  top:-100px;
  border-radius:50%;
  border:1px solid rgba(255,212,92,.28);
  box-shadow:0 0 0 42px rgba(255,182,0,.055),0 0 0 92px rgba(255,182,0,.035);
  pointer-events:none
}
.page-hero h1,.catalog-hero h1,.v6-banner h2,.reviews-page-intro h1{
  color:#fff!important
}
.page-hero p,.catalog-hero p,.v6-banner p,.reviews-page-intro p{
  color:#eadfce!important
}
.page-hero .eyebrow,.catalog-hero .eyebrow,.v6-banner .eyebrow,.reviews-page-intro .eyebrow{
  color:#ffd86b!important;
  background:rgba(255,184,0,.12)!important;
  border-color:rgba(255,205,83,.25)!important
}
.page-figure,.catalog-hero>img,.v6-banner>img{
  object-fit:contain!important;
  opacity:.40!important;
  filter:none!important
}
.page-figure{
  width:190px!important;
  height:190px!important;
  right:55px!important
}
html[data-theme="dark"] .page-figure,html[data-theme="dark"] .catalog-hero>img,html[data-theme="dark"] .v6-banner>img{
  filter:invert(1)!important;
  opacity:.42!important
}
/* Reviews */
.reviews-summary div{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.15)!important
}
.reviews-summary b{
  color:#fff!important
}
.reviews-summary span{
  color:#e3d7c4!important
}
.review-avatar{
  background:linear-gradient(180deg,#ffc82c,#e79300)!important;
  color:#1a1409!important;
  box-shadow:none!important
}
.review-head b{
  color:#c98200!important
}
.review-person p{
  color:var(--dm-muted)!important
}
/* Payments / footer */
.payment-logos img{
  filter:grayscale(1) contrast(.9);
  opacity:.76
}
.footer-provider-logo{
  background:var(--dm-surface)!important;
  border:1px solid var(--dm-line)!important
}
.footer-provider-logo img{
  filter:grayscale(.25);
  opacity:.84
}
.prefooter-ecosystem{
  background:var(--dm-surface2)!important;
  border-top:1px solid var(--dm-line)!important;
  border-bottom:1px solid var(--dm-line)!important;
  box-shadow:none!important
}
.footer-license{
  background:var(--dm-surface)!important;
  border-color:var(--dm-line)!important
}
.footer-license strong{
  color:var(--dm-text)!important
}
.footer-license span{
  color:var(--dm-muted)!important
}
.footer-license img{
  width:92px!important;
  height:92px!important;
  object-fit:contain!important
}
.footer{
  background:#ece9e2!important;
  color:#3b3935!important;
  border-top:1px solid var(--dm-line)!important
}
.footer a{
  color:#66635e!important
}
.footer h4{
  color:#191817!important
}
.footer-brand img{
  filter:none!important
}
.footer-brand p,.independent-note{
  color:#6b6862!important
}
.independent-note{
  font-size:11px!important;
  line-height:1.5!important;
  margin-top:8px!important
}
.footer-bottom{
  border-color:rgba(0,0,0,.09)!important;
  color:#7a7770!important
}
.age{
  background:#f0a900!important;
  color:#17120a!important
}
html[data-theme="dark"] .footer{
  background:#101113!important;
  color:#ddd!important
}
html[data-theme="dark"] .footer a{
  color:#aaa!important
}
html[data-theme="dark"] .footer h4{
  color:#f0eee8!important
}
html[data-theme="dark"] .footer-brand img{
  filter:invert(1)!important
}
html[data-theme="dark"] .footer-brand p,html[data-theme="dark"] .independent-note,html[data-theme="dark"] .footer-bottom{
  color:#9e9b95!important
}
.support-float{
  display:none!important
}
/* Utility rail inspired by the supplied Dragon Money UI, without changing page layout. */
.dragon-rail{
  position:fixed;
  left:12px;
  top:50%;
  z-index:95;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:9px 7px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  border:1px solid var(--dm-line);
  box-shadow:0 16px 42px rgba(48,34,4,.14);
  backdrop-filter:blur(18px)
}
html[data-theme="dark"] .dragon-rail{
  background:rgba(24,25,29,.95)
}
.dragon-rail button,.dragon-rail a{
  width:42px;
  height:42px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:transparent;
  color:var(--dm-muted);
  font-size:18px;
  cursor:pointer;
  transition:.18s;
  text-decoration:none;
  position:relative
}
.dragon-rail button:hover,.dragon-rail a:hover,.dragon-rail .active{
  background:var(--dm-accent-soft);
  color:#ad7100;
  transform:translateX(2px)
}
.dragon-rail .dragon-rail-logo{
  background:#171717!important
}
.dragon-rail-logo img{
  width:27px;
  height:27px;
  filter:invert(1)
}
.dragon-rail button[data-tip]:after,.dragon-rail a[data-tip]:after{
  content:attr(data-tip);
  position:absolute;
  left:51px;
  top:50%;
  transform:translateY(-50%) translateX(-4px);
  white-space:nowrap;
  padding:7px 9px;
  border-radius:8px;
  background:#171717;
  color:#fff;
  font-size:10px;
  font-weight:800;
  opacity:0;
  pointer-events:none;
  transition:.15s
}
.dragon-rail button:hover:after,.dragon-rail a:hover:after{
  opacity:1;
  transform:translateY(-50%) translateX(0)
}
.dragon-panel{
  position:fixed;
  left:70px;
  top:50%;
  z-index:96;
  transform:translateY(-50%) translateX(-8px);
  width:min(330px,calc(100vw - 92px));
  max-height:min(610px,calc(100vh - 40px));
  overflow:auto;
  padding:18px;
  border-radius:20px;
  background:var(--dm-surface);
  color:var(--dm-text);
  border:1px solid var(--dm-line);
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  opacity:0;
  visibility:hidden;
  transition:.18s
}
.dragon-panel.open{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0)
}
.dragon-panel-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:14px
}
.dragon-panel-head img{
  width:42px;
  height:42px;
  border-radius:12px
}
.dragon-panel-head strong{
  display:block
}
.dragon-panel-head span{
  display:block;
  color:var(--dm-muted);
  font-size:11px
}
.dragon-panel p{
  color:var(--dm-muted);
  font-size:12.5px;
  line-height:1.55
}
.dragon-panel .panel-actions{
  display:grid;
  gap:8px;
  margin-top:12px
}
.dragon-panel .panel-actions a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 12px;
  border-radius:11px;
  background:var(--dm-surface2);
  border:1px solid var(--dm-line);
  font-size:12px;
  font-weight:850
}
.dragon-panel .panel-actions a:hover{
  border-color:rgba(243,170,0,.45)
}
.notice-list{
  display:grid;
  gap:9px;
  margin-top:12px
}
.notice-item{
  padding:11px 12px;
  border-radius:12px;
  background:var(--dm-surface2);
  border:1px solid var(--dm-line)
}
.notice-item b{
  display:block;
  font-size:12px
}
.notice-item span{
  display:block;
  color:var(--dm-muted);
  font-size:10.5px;
  line-height:1.45;
  margin-top:3px
}
.sound-dot{
  position:absolute;
  right:6px;
  top:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b8b5ad
}
.sound-on .sound-dot{
  background:#68c72e;
  box-shadow:0 0 0 3px rgba(104,199,46,.13)
}
/* Helpful branded detail on support page. */
body .support-contact-highlight{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 15px;
  margin-top:15px;
  border-radius:15px;
  background:var(--dm-accent-soft);
  border:1px solid rgba(243,170,0,.25)
}
.support-contact-highlight img{
  width:54px;
  height:54px;
  border-radius:15px
}
.support-contact-highlight strong{
  display:block
}
.support-contact-highlight small{
  display:block;
  color:var(--dm-muted)
}
.mobile-sticky{
  background:rgba(255,255,255,.94)!important;
  border-color:var(--dm-line)!important;
  backdrop-filter:blur(14px)
}
html[data-theme="dark"] .mobile-sticky{
  background:rgba(20,21,24,.95)!important
}
.mobile-sticky a:not(.primary){
  background:var(--dm-surface2)!important;
  color:var(--dm-text)!important
}
@media(max-width:1380px){
  .dragon-rail{
    left:auto;
    right:10px;
    top:auto;
    bottom:82px;
    transform:none
  }
  .dragon-panel{
    left:auto;
    right:64px;
    top:auto;
    bottom:82px;
    transform:translateX(8px)
  }
  .dragon-panel.open{
    transform:translateX(0)
  }
  .dragon-rail button[data-tip]:after,.dragon-rail a[data-tip]:after{
    display:none
  }
  .container{
    width:min(var(--container),calc(100% - 36px))
  }
}
@media(max-width:760px){
  .v6-hero{
    min-height:330px!important
  }
  .v6-hero-copy{
    min-height:330px!important;
    padding:20px 18px 82px!important
  }
  .v6-hero:before{
    display:block!important;
    width:190px!important;
    height:190px!important;
    right:-35px!important;
    bottom:-30px!important;
    top:auto!important
  }
  .v7-hero-art{
    display:block!important;
    opacity:.28!important
  }
  .v7-hero-main{
    display:block!important;
    height:110px!important;
    right:8%!important;
    bottom:8px!important
  }
  .page-hero:after,.catalog-hero:after,.v6-banner:after{
    width:210px;
    height:210px;
    right:-100px;
    top:-70px
  }
  .page-figure{
    width:110px!important;
    height:110px!important;
    right:18px!important;
    bottom:8px!important;
    opacity:.22!important
  }
  .dragon-rail{
    right:8px;
    bottom:74px;
    padding:6px 5px;
    gap:4px;
    border-radius:15px
  }
  .dragon-rail button,.dragon-rail a{
    width:36px;
    height:36px;
    font-size:15px
  }
  .dragon-rail-logo{
    display:none!important
  }
  .dragon-panel{
    right:55px;
    bottom:74px;
    width:min(300px,calc(100vw - 70px));
    max-height:70vh
  }
  .footer-license img{
    width:82px!important;
    height:82px!important
  }
}
/* Dragon Money support card */
.dragon-support-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff8e8,#fff 55%,#ffe2a3);
  border:1px solid rgba(195,119,0,.22);
  box-shadow:0 18px 50px rgba(75,48,0,.08)
}
.dragon-support-card img{
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:50%;
  background:#f2a313;
  padding:6px
}
.dragon-support-card h2{
  margin:.25rem 0 .5rem
}
.dragon-support-card p{
  margin:0 0 1rem
}
html[data-theme="dark"] .dragon-support-card{
  background:linear-gradient(135deg,#202020,#161616 55%,#392500);
  border-color:rgba(255,174,43,.28)
}
@media(max-width:650px){
  .dragon-support-card{
    grid-template-columns:1fr;
    text-align:center
  }
  .dragon-support-card img{
    margin:auto
  }
  .dragon-support-card .hero-actions{
    justify-content:center
  }
}
/* Dragon Money licence hero: branded contrast in both themes. */
.hub-hero.colorful{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(105deg,#17120b 0%,#3a2308 54%,#e28700 100%)!important;
  border:1px solid rgba(243,170,0,.36)!important;
  box-shadow:0 22px 60px rgba(68,43,0,.18)!important;
}
.hub-hero.colorful:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-70px;
  top:-105px;
  border-radius:50%;
  border:1px solid rgba(255,212,92,.28);
  box-shadow:0 0 0 45px rgba(255,182,0,.06),0 0 0 96px rgba(255,182,0,.035);
  pointer-events:none
}
.hub-hero.colorful>h1{
  color:#fff!important
}
.hub-hero.colorful>p{
  color:#eadfce!important
}
.hub-hero.colorful>.eyebrow{
  color:#ffd86b!important;
  background:rgba(255,184,0,.12)!important;
  border-color:rgba(255,205,83,.25)!important
}
.hub-hero.colorful>.license-hero-girl{
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.36))!important
}
html[data-theme="dark"] .hub-hero.colorful{
  background:linear-gradient(105deg,#120f0a 0%,#251806 56%,#8e5200 100%)!important
}
@media(max-width:760px){
  .hub-hero.colorful:after{
    width:220px;
    height:220px;
    right:-105px;
    top:-75px
  }
  .hub-hero.colorful>h1,.hub-hero.colorful>p{
    position:relative;
    z-index:2
  }
}
/* ============================================================
   Dragon Money V2 visual QA fixes — 2026-09-01
   1) reliable active top-navigation state
   2) aligned hero emblem/rings
   3) no dark veil over game/live cards
   4) complete light-theme contrast pass
   5) remove inherited translucent/placeholder-looking banner art
   ============================================================ */
/* Active nav remains clearly visible in both themes. */
.main-nav>a.active{
  background:var(--dm-accent-soft)!important;
  color:var(--dm-text)!important;
  box-shadow:inset 0 -3px 0 var(--dm-accent),0 5px 16px rgba(170,108,0,.08)!important;
}
html[data-theme="dark"] .main-nav>a.active{
  background:#2f260f!important;
  color:#fff7df!important;
  box-shadow:inset 0 -3px 0 var(--dm-accent)!important;
}
/* Homepage emblem and the decorative rings share one exact centre. */
@media(min-width:761px){
  .v6-hero .v7-hero-art{
    display:block!important;
    inset:auto 64px auto auto!important;
    top:50%!important;
    width:340px!important;
    height:340px!important;
    transform:translateY(-50%)!important;
    overflow:visible!important;
    opacity:1!important;
  }
  .v6-hero .v7-hero-main{
    display:block!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:286px!important;
    height:286px!important;
    max-width:none!important;
    transform:translate(-50%,-50%)!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:drop-shadow(0 22px 40px rgba(0,0,0,.28))!important;
  }
  .v6-hero:before{
    display:block!important;
    right:64px!important;
    top:50%!important;
    bottom:auto!important;
    width:340px!important;
    height:340px!important;
    transform:translateY(-50%)!important;
    background:repeating-radial-gradient(circle,rgba(255,198,55,.22) 0 2px,transparent 3px 29px)!important;
    opacity:.78!important;
    filter:none!important;
  }
  html[data-theme="dark"] .v6-hero .v7-hero-main{
    filter:invert(1) drop-shadow(0 22px 40px rgba(0,0,0,.30))!important;
  }
}
/* Generic page heroes: use one clean circular Dragon mark, never a faded rectangular source image. */
.page-hero .page-figure, .catalog-hero>img{
  width:210px!important;
  height:210px!important;
  max-width:210px!important;
  right:72px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  opacity:.96!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.24))!important;
  border-radius:50%!important;
}
.page-hero:after,.catalog-hero:after{
  width:304px!important;
  height:304px!important;
  right:25px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(255,216,105,.24)!important;
  box-shadow:0 0 0 36px rgba(255,183,0,.045),0 0 0 76px rgba(255,183,0,.025)!important;
}
html[data-theme="dark"] .page-hero .page-figure, html[data-theme="dark"] .catalog-hero>img{
  filter:invert(1) drop-shadow(0 18px 34px rgba(0,0,0,.28))!important;
  opacity:.92!important;
}
/* Promo/JACKPOT blocks: small intentional emblem instead of transparent full-size artwork. */
.v6-banner{
  padding-right:300px!important;
  min-height:230px!important
}
.v6-banner>img, .v6-banner.jackpot>img{
  display:block!important;
  left:auto!important;
  right:64px!important;
  top:50%!important;
  bottom:auto!important;
  width:150px!important;
  height:150px!important;
  max-width:150px!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  opacity:.93!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important;
  border-radius:50%!important;
}
.v6-banner:after{
  width:230px!important;
  height:230px!important;
  right:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 30px rgba(255,182,0,.045)!important;
}
html[data-theme="dark"] .v6-banner>img{
  filter:invert(1) drop-shadow(0 16px 28px rgba(0,0,0,.28))!important
}
/* Do not darken game, slot, live or fast-game covers. Provider is a compact readable chip instead. */
.v6-cover:after{
  display:none!important;
  background:none!important
}
.v6-title{
  left:8px!important;
  right:auto!important;
  bottom:8px!important;
  max-width:calc(100% - 16px)!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.91)!important;
  border:1px solid rgba(0,0,0,.08)!important;
  text-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}
.v6-title strong,.v6-title small{
  color:#1b1a17!important;
  margin:0!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v6-title small{
  font-size:8.5px!important;
  font-weight:800!important
}
html[data-theme="dark"] .v6-title{
  background:rgba(20,20,21,.88)!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .v6-title strong,html[data-theme="dark"] .v6-title small{
  color:#f7f4ed!important
}
/* Provider cards keep their artwork natural; text receives a local readable surface instead of a full-card veil. */
.v6-provider-shade{
  background:none!important
}
.v6-provider-wordmark{
  left:10px!important;
  right:auto!important;
  bottom:10px!important;
  max-width:calc(100% - 20px)!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(0,0,0,.07)!important;
  backdrop-filter:blur(7px)!important;
}
.v6-provider-wordmark b{
  color:#171717!important;
  font-size:14px!important
}
.v6-provider-wordmark span{
  color:#5f5c55!important;
  font-size:9px!important
}
html[data-theme="dark"] .v6-provider-wordmark{
  background:rgba(20,20,21,.88)!important;
  border-color:rgba(255,255,255,.12)!important
}
html[data-theme="dark"] .v6-provider-wordmark b{
  color:#fff!important
}
html[data-theme="dark"] .v6-provider-wordmark span{
  color:#c7c1b7!important
}
/* Light theme contrast: every secondary surface/control is intentionally readable. */
html:not([data-theme="dark"]) .catalog-tools, html:not([data-theme="dark"]) .catalog-count, html:not([data-theme="dark"]) .payment-showcase .payment-panel{
  background:#fff!important;
  border-color:rgba(24,24,24,.11)!important;
  color:#171717!important;
}
html:not([data-theme="dark"]) .catalog-tools label span, html:not([data-theme="dark"]) .catalog-count span{
  color:#6b675f!important
}
html:not([data-theme="dark"]) .catalog-tools input, html:not([data-theme="dark"]) .catalog-tools select{
  background:#f5f2eb!important;
  color:#171717!important;
  border-color:rgba(24,24,24,.13)!important;
}
html:not([data-theme="dark"]) .catalog-tools input::placeholder{
  color:#8a857b!important
}
html:not([data-theme="dark"]) .catalog-count b{
  color:#171717!important
}
html:not([data-theme="dark"]) .footer-provider-logo{
  background:#eeeae1!important;
  border-color:rgba(24,24,24,.11)!important
}
html:not([data-theme="dark"]) .footer-provider-logo img{
  filter:grayscale(.25) contrast(1.15) brightness(.58)!important;
  opacity:1!important;
}
html:not([data-theme="dark"]) .payment-logos img{
  filter:grayscale(1) contrast(1.25) brightness(.48)!important;
  opacity:1!important;
}
html[data-theme="dark"] .footer-provider-logo img{
  filter:grayscale(.15) brightness(1.55) contrast(.95)!important;
  opacity:.92!important;
}
html[data-theme="dark"] .payment-logos img{
  filter:grayscale(1) brightness(1.75) contrast(.95)!important;
  opacity:.9!important;
}
/* Tables, cards and interactive copy: remove inherited pale-on-pale leftovers in light mode. */
html:not([data-theme="dark"]) .route-card>a, html:not([data-theme="dark"]) .related-link, html:not([data-theme="dark"]) .step p, html:not([data-theme="dark"]) .data-table td, html:not([data-theme="dark"]) .review-card-person>p, html:not([data-theme="dark"]) .notice-item span, html:not([data-theme="dark"]) .dragon-panel p{
  color:#625f59!important
}
html:not([data-theme="dark"]) .route-card>a span, html:not([data-theme="dark"]) .related-link span, html:not([data-theme="dark"]) .text-link{
  color:#9e6500!important
}
html:not([data-theme="dark"]) .data-table th{
  color:#171717!important;
  background:#eeeae1!important
}
html:not([data-theme="dark"]) .data-table td{
  background:#fff!important
}
@media(max-width:760px){
  .v6-hero .v7-hero-art{
    display:block!important;
    inset:auto 8px 8px auto!important;
    width:128px!important;
    height:128px!important;
    transform:none!important;
    opacity:.34!important
  }
  .v6-hero .v7-hero-main{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:108px!important;
    height:108px!important;
    transform:translate(-50%,-50%)!important
  }
  .v6-hero:before{
    width:150px!important;
    height:150px!important;
    right:-4px!important;
    bottom:-4px!important;
    top:auto!important;
    transform:none!important
  }
  .page-hero .page-figure,.catalog-hero>img{
    display:block!important;
    width:92px!important;
    height:92px!important;
    right:18px!important;
    top:auto!important;
    bottom:14px!important;
    transform:none!important;
    opacity:.30!important
  }
  .page-hero:after,.catalog-hero:after{
    width:150px!important;
    height:150px!important;
    right:-12px!important;
    top:auto!important;
    bottom:-20px!important;
    transform:none!important
  }
  .v6-banner{
    padding:24px 20px 112px!important;
    min-height:270px!important
  }
  .v6-banner>img,.v6-banner.jackpot>img{
    width:86px!important;
    height:86px!important;
    right:22px!important;
    top:auto!important;
    bottom:18px!important;
    transform:none!important;
    opacity:.35!important
  }
  .v6-banner:after{
    width:145px!important;
    height:145px!important;
    right:-12px!important;
    top:auto!important;
    bottom:-28px!important;
    transform:none!important
  }
}
/* V2 extended theme pass: legacy blue surfaces now participate in light/dark theme. */
.quick-card,.provider-grid a,.access-links a,.live-provider-block,.v5-provider,.review-card, .provider-stats span,.catalog-empty,.payment-showcase .payment-panel{
  background:var(--dm-surface)!important;
  border-color:var(--dm-line)!important;
  color:var(--dm-text)!important;
}
.quick-card{
  background:linear-gradient(160deg,var(--dm-surface),var(--dm-surface2))!important
}
.quick-card b,.provider-grid a,.live-provider-block h2,.live-provider-block h3,.v5-provider.text-logo b,.provider-stats b{
  color:var(--dm-text)!important
}
.quick-card small,.v5-provider span,.provider-stats span,.catalog-empty{
  color:var(--dm-muted)!important
}
.quick-card>span,.provider-grid a span{
  color:#a66b00!important
}
.access-links a{
  color:var(--dm-text)!important
}
.live-provider-block{
  box-shadow:var(--dm-shadow)!important
}
.v5-provider:hover{
  background:var(--dm-accent-soft)!important;
  border-color:rgba(243,170,0,.42)!important
}
.review-card{
  background:linear-gradient(160deg,var(--dm-surface),var(--dm-surface2))!important;
  box-shadow:var(--dm-shadow)!important
}
html:not([data-theme="dark"]) .provider-stats span{
  background:#f4f0e8!important
}
html[data-theme="dark"] .provider-stats span{
  background:#242326!important
}
/* ============================================================
   Dragon Money V3 editorial + icon pass — 2026-09-01
   1) removed spiral/ring motif behind white Dragon emblem
   2) clickable notification card for domain verification
   3) small UI helpers for new page and favicon pass
   ============================================================ */
/* White emblem should stay clean — no spiral/ring pattern behind it. */
.v6-hero:before, .page-hero:after, .catalog-hero:after, .v6-banner:after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
}
.v6-hero .v7-hero-art, .page-hero, .catalog-hero, .v6-banner{
  background-blend-mode:normal!important;
}
.page-hero .page-figure, .catalog-hero>img, .v6-hero .v7-hero-main{
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important;
}
html[data-theme="dark"] .page-hero .page-figure, html[data-theme="dark"] .catalog-hero>img, html[data-theme="dark"] .v6-hero .v7-hero-main{
  filter:invert(1) drop-shadow(0 16px 28px rgba(0,0,0,.28))!important;
}
/* Clickable notification item */
.notice-item.notice-link{
  display:block;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.notice-item.notice-link:hover, .notice-item.notice-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,181,34,.55)!important;
  background:rgba(255,193,58,.06)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  outline:none;
}
.notice-item.notice-link b::after{
  content:" ↗";
  color:var(--dm-accent);
}
.domain-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.domain-check-grid .step,.domain-check-grid .info-card{
  height:100%
}
@media(max-width:760px){
  .domain-check-grid{
    grid-template-columns:1fr
  }
}
/* ============================================================
   Dragon Money V4 mobile polish — 2026-09-01
   ============================================================ */
@media(max-width:760px){
  /* Homepage hero: no emblem on mobile; copy is centered and uses the full card. */
  .v6-hero{
    min-height:0!important;
    display:block!important;
    padding:0!important
  }
  .v6-hero-copy{
    width:100%!important;
    min-height:0!important;
    padding:26px 18px 24px!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important
  }
  .v6-hero .v7-hero-art,.v6-hero .v7-hero-main,.v6-hero .v7-hero-mascot,.v6-hero .v7-hero-raccoon{
    display:none!important
  }
  .v6-hero-copy .eyebrow{
    align-self:center!important
  }
  .v6-hero h1{
    max-width:345px!important;
    margin:10px auto 9px!important;
    text-align:center!important
  }
  .v6-hero p{
    max-width:340px!important;
    margin:0 auto 10px!important;
    text-align:center!important
  }
  .v6-hero .hero-offer{
    width:100%!important;
    justify-content:center!important;
    gap:24px!important;
    margin:10px 0 13px!important
  }
  .v6-hero .hero-offer>div{
    align-items:center!important;
    text-align:center!important
  }
  .v6-hero .hero-actions{
    width:100%!important;
    justify-content:center!important;
    display:flex!important;
    flex-wrap:wrap!important
  }
  .v6-hero .hero-actions .btn{
    flex:0 1 auto!important
  }
  /* Utility rail: only a translucent arrow is visible until tapped. */
  .dragon-rail{
    right:8px!important;
    bottom:76px!important;
    left:auto!important;
    top:auto!important;
    transform:translateX(calc(100% + 14px))!important;
    opacity:0!important;
    pointer-events:none!important;
    padding:6px 5px!important;
    gap:4px!important;
    border-radius:15px!important;
    transition:transform .22s ease,opacity .18s ease!important
  }
  .dragon-rail.mobile-open{
    transform:translateX(0)!important;
    opacity:1!important;
    pointer-events:auto!important
  }
  .dragon-rail button,.dragon-rail a{
    width:36px!important;
    height:36px!important;
    font-size:15px!important
  }
  .dragon-rail-logo{
    display:none!important
  }
  .dragon-mobile-handle{
    display:grid!important;
    position:fixed;
    right:0;
    bottom:126px;
    z-index:97;
    width:30px;
    height:58px;
    place-items:center;
    border:1px solid rgba(255,255,255,.22);
    border-right:0;
    border-radius:15px 0 0 15px;
    background:rgba(255,255,255,.17);
    color:rgba(255,255,255,.92);
    font-size:25px;
    line-height:1;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 10px 26px rgba(0,0,0,.20);
    cursor:pointer;
    transition:right .22s ease,background .18s ease,transform .18s ease
  }
  html:not([data-theme="dark"]) .dragon-mobile-handle{
    background:rgba(30,30,30,.44);
    border-color:rgba(255,255,255,.28);
    color:#fff
  }
  .dragon-mobile-handle:hover,.dragon-mobile-handle:focus-visible{
    background:rgba(255,178,0,.62);
    outline:none
  }
  .dragon-mobile-handle.rail-open{
    right:54px
  }
  .dragon-mobile-handle span{
    display:block;
    transform:translateX(-1px);
    transition:transform .22s ease
  }
  .dragon-mobile-handle.rail-open span{
    transform:rotate(180deg) translateX(1px)
  }
  .dragon-panel{
    right:12px!important;
    left:auto!important;
    bottom:76px!important;
    top:auto!important;
    width:min(310px,calc(100vw - 24px))!important;
    max-height:70vh!important;
    transform:translateX(12px)!important
  }
  .dragon-panel.open{
    transform:translateX(0)!important
  }
}
@media(min-width:761px){
  .dragon-mobile-handle{
    display:none!important
  }
}
/* V5 semantic-depth FAQ blocks: compact, readable, no keyword-cloud styling. */
.semantic-intent-faq .content-card{
  max-width:100%
}
.semantic-intent-faq .faq details{
  padding:16px 0
}
.semantic-intent-faq .faq summary{
  font-size:15px;
  line-height:1.45
}
.semantic-intent-faq .faq p{
  max-width:980px;
  line-height:1.7
}
/* V5 mobile header guard: prevent the compact header from creating horizontal scroll. */
@media(max-width:430px){
  .site-header .nav-side>.play-btn{
    display:none!important
  }
  .site-header .nav{
    gap:6px!important
  }
  .site-header .nav-side{
    gap:5px!important;
    min-width:0
  }
  .site-header .menu-btn{
    flex:0 0 auto
  }
}
/* ============================================================
   Dragon Money V6 — custom illustrated utility icons
   Replaces native emoji glyphs with consistent project artwork.
   ============================================================ */
.dragon-rail .dragon-rail-icon{
  display:block!important;
  width:30px!important;
  height:30px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.22))!important;
  transform:translateZ(0);
  transition:transform .18s ease,filter .18s ease,opacity .18s ease!important;
  pointer-events:none;
}
.dragon-rail .dragon-rail-logo img.dragon-rail-icon{
  width:34px!important;
  height:34px!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))!important;
}
.dragon-rail .dragon-rail-logo{
  overflow:visible!important;
  background:#171717!important;
}
.dragon-rail button:hover .dragon-rail-icon, .dragon-rail a:hover .dragon-rail-icon, .dragon-rail .active .dragon-rail-icon{
  transform:scale(1.08)!important;
  filter:drop-shadow(0 4px 10px rgba(244,168,0,.38))!important;
}
.dragon-rail button[data-dragon-action="sound"]:not(.sound-on) .dragon-rail-icon{
  opacity:.72
}
.dragon-rail button[data-dragon-action="sound"].sound-on .dragon-rail-icon{
  opacity:1
}
.dragon-rail [data-theme-icon].is-dark{
  transform:rotate(180deg)!important
}
.dragon-rail button:hover [data-theme-icon].is-dark{
  transform:rotate(180deg) scale(1.08)!important
}
.dragon-panel-head img{
  object-fit:contain!important;
  padding:3px!important;
  background:linear-gradient(145deg,#161719,#25201a)!important;
  border:1px solid rgba(239,167,22,.22)!important;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.18))!important;
}
html:not([data-theme="dark"]) .dragon-panel-head img{
  background:#f4efe6!important;
  border-color:rgba(147,94,0,.16)!important;
}
@media(max-width:760px){
  .dragon-rail .dragon-rail-icon{
    width:27px!important;
    height:27px!important
  }
  .dragon-rail button,.dragon-rail a{
    font-size:0!important
  }
}
/* Dragon Money V7 — light theme rail icon backgrounds */
html:not([data-theme="dark"]) .dragon-rail .dragon-rail-logo{
  background:linear-gradient(180deg,#fffdf9,#f3ecdf)!important;
  border:1px solid rgba(201,151,40,.22)!important;
  box-shadow:0 6px 14px rgba(133,99,21,.08)!important;
}
html:not([data-theme="dark"]) .dragon-rail button, html:not([data-theme="dark"]) .dragon-rail a{
  background:transparent!important;
}
html:not([data-theme="dark"]) .dragon-rail button:hover, html:not([data-theme="dark"]) .dragon-rail a:hover, html:not([data-theme="dark"]) .dragon-rail .active{
  background:rgba(249,196,78,.18)!important;
}
/* Dragon Money V8 — SEO/E-E-A-T content helpers */
.verification-note{
  padding:12px 14px;
  border-radius:12px;
  background:rgba(244,168,0,.08);
  border:1px solid rgba(244,168,0,.18)
}
.semantic-depth .content-card{
  border-color:rgba(196,132,0,.18)
}
.semantic-depth strong{
  color:var(--dm-text)
}
html[data-theme="dark"] .verification-note{
  background:rgba(244,168,0,.08);
  border-color:rgba(244,168,0,.23)
}
.internal-guides .related-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
@media(max-width:720px){
  .internal-guides .related-grid{
    grid-template-columns:1fr
  }
}
/* Dragon Money V9: do not expose empty social links before runtime configuration. */
a[data-social]:not([href]){
  display:none!important
}