/* ============================================================
   VantaPlay IMPACT layer — richer covers, denser lobby,
   animated jackpot, bigger hero. Big visible change.
   ============================================================ */

/* ---------- 1. RICH GAME COVERS ---------- */
.game-cover{border-radius:8px!important}
/* vivid per-theme gradient backgrounds replacing flat fills */
.game-cover.roulette{background:radial-gradient(circle at 50% 30%,#1a5c3a,#0a1f14 72%)!important}
.game-cover.slots,.game-cover.sevens{background:radial-gradient(circle at 50% 35%,#6b1a8f,#1a0824 74%)!important}
.game-cover.cosmic,.game-cover.crash{background:radial-gradient(circle at 40% 40%,#1e5799,#0a1428 74%)!important}
.game-cover.vault,.game-cover.jackpot{background:radial-gradient(circle at 50% 35%,#8a6d1e,#241a08 74%)!important}
.game-cover.blackjack,.game-cover.poker{background:radial-gradient(circle at 45% 35%,#7a2828,#1f0a0a 74%)!important}
.game-cover.baccarat{background:radial-gradient(circle at 40% 40%,#3d2c6b,#120a24 74%)!important}
.game-cover.live,.game-cover.wheelshow{background:radial-gradient(circle at 55% 30%,#0f766e,#062421 74%)!important}
.game-cover.dragon{background:radial-gradient(circle at 50% 35%,#166845,#07160f 74%)!important}
.game-cover.ember{background:radial-gradient(circle at 50% 40%,#a92718,#210704 74%)!important}
.game-cover.diamond{background:radial-gradient(circle at 45% 40%,#1d7b88,#06171a 74%)!important}

/* stronger glow on the CSS-art symbols */
.game-cover .art span,.game-cover .art b,.roulette-art .wheel span{filter:drop-shadow(0 6px 22px rgba(0,0,0,.5))}
.symbol-art span{font-size:64px!important}
.slots-art span{box-shadow:0 0 30px rgba(0,0,0,.4)}

/* darker bottom gradient so titles pop */
.game-cover:after{height:60%!important;background:linear-gradient(transparent,rgba(0,0,0,.9))!important}

/* meta sits tighter, title bolder */
.game-meta h3{font-size:12px!important;font-weight:800!important}
.game-card:hover .game-cover{box-shadow:0 20px 44px rgba(0,0,0,.6),0 0 0 1px rgba(201,255,61,.3)!important}

/* ---------- 2. DENSER LOBBY ---------- */
/* home + lobby grids: more columns, shorter covers = more games visible */
.content-section .game-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.game-cover{height:180px!important}
@media(max-width:1400px){.content-section .game-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1150px){.content-section .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.content-section .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){.content-section .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}

/* tighten section padding so more fits above the fold */
.content-section{padding:34px 40px!important}
.section-header{margin-bottom:18px!important}

/* ---------- 3. BIG ANIMATED JACKPOT BAR ---------- */
.jackpot-hero{
  min-height:118px;margin:0;display:flex;align-items:center;justify-content:space-between;
  padding:26px 40px;border-top:1px solid var(--line);border-bottom:1px solid rgba(201,255,61,.14);
  background:radial-gradient(circle at 82% 50%,rgba(201,255,61,.12),transparent 40%),linear-gradient(100deg,#0a0d0a,#0e130d);
}
.jackpot-hero .jh-label{color:var(--acid,#c9ff3d);font-size:9px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;display:block}
.jackpot-hero .jh-amount{font-size:clamp(34px,4vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#c9ff3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(201,255,61,.25)}
.jackpot-hero .jh-side{text-align:right}
.jackpot-hero .jh-side small{display:block;color:#6a716c;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.jackpot-hero .jh-pool{display:flex;gap:26px;margin-top:6px}
.jackpot-hero .jh-pool div b{display:block;font-size:16px;color:#e6e9e0;font-variant-numeric:tabular-nums}
.jackpot-hero .jh-pool div span{font-size:8px;color:#5a615c;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:700px){.jackpot-hero{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 18px}.jackpot-hero .jh-side{text-align:left}}

/* ---------- 4. BIGGER HERO ---------- */
.hero-v2{min-height:660px!important}
.hero-copy-v2 h1{font-size:clamp(70px,7vw,112px)!important;line-height:.84!important}
.hero-copy-v2>p{font-size:15px!important;max-width:540px!important}
.hero-v2{background-image:linear-gradient(90deg,rgba(5,7,6,.985) 0%,rgba(5,7,6,.82) 34%,rgba(5,7,6,.12) 70%,rgba(5,7,6,0) 100%),url('/assets/vanta-home-hero.webp')!important;background-size:cover!important;background-position:center right!important}
.hero-stats b{font-size:19px!important}
