.hl-jackpot{--hl-primary:#0b6a2b;--hl-accent:#1aa34a;--hl-item-w-sm:95px;--hl-item-h-sm:120px;--hl-item-w-lg:110px;--hl-item-h-lg:135px;--hl-item-gap:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:1100px;margin:24px auto}
.hl-jackpot__top{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:10px}
.hl-jackpot__title{margin:0;text-align:center;font-size:28px;letter-spacing:.5px;color:var(--hl-primary);font-weight:800}
.hl-jackpot__orn{height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(26,163,74,.55),transparent);position:relative}
.hl-jackpot__orn:after{content:"";position:absolute;inset:-6px auto auto 50%;transform:translateX(-50%);width:14px;height:14px;border:2px solid rgba(26,163,74,.6);border-radius:4px;background:#fff}
.hl-jackpot__orn--left:after{left:auto;right:22px;transform:none}
.hl-jackpot__orn--right:after{left:22px;transform:none}

.hl-jackpot__card{position:relative;border-radius:32px;overflow:hidden;border:1px solid rgba(11,106,43,.25);
  background-image: var(--hl-bg-image, none),
    radial-gradient(1200px 400px at 50% 25%, rgba(26,163,74,.18), transparent 60%),
    linear-gradient(180deg,rgba(227,255,243,.9),rgba(252,255,253,.95));
  background-size: cover, auto, auto;
  background-position: center, center, center;
  background-repeat: no-repeat;
}
.hl-jackpot__inner{position:relative;padding:26px 22px 22px;display:flex;flex-direction:column;align-items:center;gap:12px}
.hl-jackpot__badge{
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;cursor:pointer;user-select:none;
  color:#fff;font-weight:900;border-radius:12px;
  padding:10px 44px;font-size:26px;letter-spacing:.5px;
  background-image: linear-gradient(120deg,
    var(--hl-accent),
    #ffd54a,
    var(--hl-primary),
    #7cf7b1,
    var(--hl-accent)
  );
  background-size: 300% 300%;
  box-shadow:0 10px 18px rgba(0,0,0,.12);
  animation: hlBadgeGradient 2.2s linear infinite, hlBadgePulse 1.15s ease-in-out infinite;
}
.hl-jackpot__badge:focus{outline:3px solid rgba(26,163,74,.35);outline-offset:3px}
@keyframes hlBadgeGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes hlBadgePulse{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(255,213,74,.0))}
  50%{transform:translateY(-1px) scale(1.02);filter:drop-shadow(0 10px 10px rgba(255,213,74,.35))}
}
.hl-jackpot__value{font-size:64px;line-height:1;color:var(--hl-primary);font-weight:900;letter-spacing:1px;text-shadow:0 2px 0 rgba(255,255,255,.9)}

.hl-jackpot__carousel{width:100%;max-width:calc((var(--hl-item-w-sm) * 5) + (var(--hl-item-gap) * 4) + 24px);overflow:hidden;border-radius:18px;padding:8px 6px}
.hl-jackpot__track{display:flex;gap:var(--hl-item-gap);will-change:transform}
.hl-jackpot__item{flex:0 0 auto;width:var(--hl-item-w-sm);height:var(--hl-item-h-sm);background:linear-gradient(180deg,var(--hl-accent),var(--hl-primary));border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 18px rgba(0,0,0,.12)}
.hl-jackpot__item.is-active{width:var(--hl-item-w-lg);height:var(--hl-item-h-lg);transform:translateY(-6px);box-shadow:0 14px 22px rgba(0,0,0,.18)}
.hl-jackpot__iconwrap{width:calc(var(--hl-item-w-sm) - 36px);height:calc(var(--hl-item-w-sm) - 36px);border-radius:18px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hl-jackpot__icon{width:100%;height:100%;object-fit:contain;display:block}
.hl-jackpot__icon--placeholder{background:rgba(255,255,255,.25)}
.hl-jackpot__amount{color:#fff;font-weight:800;font-size:14px}
.hl-jackpot__text{color:rgba(255,255,255,.9);font-weight:700;font-size:12px;line-height:1.1;text-align:center;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Decorative "hero" blocks (no copyrighted images) */
.hl-jackpot__hero{position:absolute;top:0;bottom:0;width:220px;opacity:.22;filter:blur(.2px)}
.hl-jackpot__hero--left{left:-40px;background:radial-gradient(circle at 40% 55%, rgba(255,180,0,.9), transparent 55%),radial-gradient(circle at 60% 40%, rgba(255,255,255,.85), transparent 55%),radial-gradient(circle at 50% 50%, rgba(11,106,43,.7), transparent 70%)}
.hl-jackpot__hero--right{right:-40px;background:radial-gradient(circle at 60% 55%, rgba(255,180,0,.9), transparent 55%),radial-gradient(circle at 40% 40%, rgba(255,255,255,.85), transparent 55%),radial-gradient(circle at 50% 50%, rgba(11,106,43,.7), transparent 70%)}

@media (max-width: 720px){
  .hl-jackpot__title{font-size:20px}
  .hl-jackpot__badge{font-size:20px;padding:10px 26px}
  .hl-jackpot__value{font-size:42px}
  .hl-jackpot__item{width:96px;height:122px}
}

.hl-jackpot__item.is-active .hl-jackpot__iconwrap{width:calc(var(--hl-item-w-lg) - 36px);height:calc(var(--hl-item-w-lg) - 36px)}