:root{
  --brand-primary:#155EEF;
  --brand-bright:#00CFFF;
  --brand-dark:#071E6D;
  --brand-gradient:linear-gradient(135deg,#00CFFF 0%,#155EEF 55%,#071E6D 100%);
  --primary-color:#155EEF;
  --text-color:#00CFFF;
  --secondary-font:"Gabarito","Space Grotesk",system-ui,sans-serif;
  /* Leaderboard wager amounts — same visual stack as countdown title row */
  --lb-wager-numeric-font:"Gabarito","Space Grotesk",system-ui,sans-serif;
  --red-color-bg-1:#155EEF;
  --red-color-bg-2:#00CFFF;
  --red-color-bg-3:#071E6D;
  --red-color-bg-4:#051654;
  --on-surface-readable:#ffffff;
  --white-color:#fff;
  --black-color:#000;
  --bgColorBack:#ffffff0a;
  /* Rising particles — brand cyan glow (site-particles.js) */
  --site-particle-fill:#00CFFF;
  --site-particle-glow:rgba(0,207,255,0.55);
  --site-rail-width:17.25rem;
  --site-rail-collapsed:5.15rem;
}

.material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24
}

html{
  background-color:var(--brand-dark);
}

html,body{
  overflow-x:hidden
}

body{
  background-color:transparent;
  color:var(--on-surface-readable);
  font-family:'Inter',sans-serif
}

.site-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background-color:var(--brand-dark);
}

.site-bg__photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0.55;
}

.site-bg__veil{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 120% 80% at 50% -8%,rgba(21,94,239,0.12),transparent 56%),
    linear-gradient(180deg,rgba(7,30,109,0.22) 0%,rgba(5,16,54,0.38) 100%);
}

@media (prefers-reduced-transparency:reduce){
  .site-bg__photo{
    opacity:0.28;
  }
  .site-bg__veil{
    background:rgba(7,30,109,0.62);
  }
}

/* Brand gradient background used site-wide */

/* Hero headline — index.php (larger scale + shimmer / glow accent) */
.heroSection .heroTagline{
  position:relative;
  display:inline-block;
  max-width:min(100%,52rem);
  margin-top:-0.2rem;
  padding:clamp(0.65rem,2vw,1.1rem) clamp(1rem,4vw,1.75rem);
  color:#ffffff;
  text-align:center;
  letter-spacing:0.12em;
  font-family:var(--secondary-font),"Inter",sans-serif;
  font-size:clamp(0.85rem,2.4vw,1.35rem);
  font-weight:800;
  text-transform:uppercase;
  line-height:1.35;
  text-shadow:
    0 0 24px rgba(245,250,255,0.35),
    0 2px 0 rgba(0,0,0,0.45);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(255,255,255,0.06),rgba(0,0,0,0.12));
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 12px 40px rgba(0,0,0,0.35);
  isolation:isolate;
  overflow:hidden;
}

.heroSection .heroTagline__text{
  position:relative;
  z-index:1;
}

.heroSection .heroTagline__shine{
  position:absolute;
  inset:-40%;
  z-index:0;
  background:linear-gradient(
    115deg,
    transparent 42%,
    rgba(255,255,255,0.12) 50%,
    rgba(200,235,255,0.28) 52%,
    transparent 62%
  );
  animation:heroTaglineSweep 7s ease-in-out infinite;
  pointer-events:none;
}

.heroSection .heroTagline::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(120% 80% at 50% 120%,rgba(21,94,239,0.22),transparent 55%);
  z-index:0;
  pointer-events:none;
}

@keyframes heroTaglineSweep{
  0%{transform:translateX(-35%) skewX(-12deg);opacity:0}
  8%{opacity:1}
  45%{transform:translateX(35%) skewX(-12deg);opacity:1}
  55%{opacity:0}
  100%{transform:translateX(35%) skewX(-12deg);opacity:0}
}

@media (prefers-reduced-motion: reduce){
  .heroSection .heroTagline__shine{
    animation:none;
    opacity:0;
  }
}

.heroSection .flexBtn{
  margin-bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:22px;
}

@media (max-width:520px){
  .heroSection .flexBtn .btn a{
    padding:16px 34px;
    min-width:160px;
  }
}

.heroSection .flexBtn .btn a{
  background:#051654;
  padding:18px 48px;
  border-radius:12px;
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  display:inline-block;
  min-width:190px;
  text-align:center;
  box-shadow:0 10px 26px rgba(0,0,0,0.28);
  border:1px solid rgba(255,255,255,0.06);
}

.heroSection .flexBtn .btn.yellowBtn a{
  background:var(--text-color) !important;
  color:#000;
  box-shadow:0 10px 30px rgba(21,94,239,0.22);
}

.heroSection .flexBtn .btn a:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}

.heroSection .flexBtn .btn a:active{
  transform:translateY(0);
  filter:brightness(0.98);
}

.img-fluid{
  max-width:100%;
  height:auto;
}

/*
 * Mascot / logo PNGs only: no shadow, no filter, no tint layer — raw pixels on site background.
 */
img.brand-mascot,
img.site-logo,
img.site-header-logo,
.heroSection img.mainImage{
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  border:none !important;
  outline:none !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

.heroSection img.mainImage{
  width:auto;
  max-width:min(78vw,520px);
  margin-left:auto;
  margin-right:auto;
  display:block;
}

@media (min-width:640px){
  .heroSection img.mainImage{
    max-width:min(52vw,440px);
  }
}

@media (min-width:1024px){
  .heroSection img.mainImage{
    max-width:min(42vw,480px);
  }
}

/* Floating CS skins — orbit the logo (zoid.gg), not pinned to hero corners. */
.heroSection.heroSection--orbit{
  min-height:calc(100svh - 3.6rem);
  min-height:calc(100dvh - 3.6rem);
  overflow:visible;
}

.hero-skins{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:visible;
  --mx:0px;
  --my:0px;
}

.hero-skin{
  position:absolute;
  top:50%;
  left:50%;
  margin:0;
  --dx:0px;
  --dy:0px;
  --depth:1;
  --bob-x:6px;
  --bob-y:-16px;
  will-change:transform;
  animation:heroSkinBob var(--bob-dur,6s) ease-in-out infinite;
}

.hero-skin__cut{
  position:relative;
  display:block;
  transform:rotate(var(--skin-rot,0deg));
  filter:drop-shadow(0 10px 18px rgba(0,0,0,0.28));
}

.hero-skin__img{
  display:block;
  width:min(22vw,230px);
  max-width:none;
  height:auto;
  mix-blend-mode:screen;
  user-select:none;
  opacity:var(--skin-opacity,0.55);
}

.hero-skin__shine{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:overlay;
  -webkit-mask-image:var(--skin-mask);
  mask-image:var(--skin-mask);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-source-type:luminance;
  mask-mode:luminance;
}

.hero-skin__shine::before{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-55%;
  width:42%;
  background:linear-gradient(
    100deg,
    transparent 0%,
    transparent 38%,
    rgba(180,230,255,0.08) 44%,
    rgba(255,255,255,0.22) 48%,
    rgba(255,255,255,0.72) 50.5%,
    rgba(160,220,255,0.28) 53%,
    rgba(0,207,255,0.1) 57%,
    transparent 64%,
    transparent 100%
  );
  transform:translateX(0) skewX(-18deg);
  animation:heroSkinShine 7s cubic-bezier(0.4,0,0.2,1) infinite;
  animation-delay:var(--shine-delay,0s);
}

.hero-skin--howl{
  --dx:clamp(-460px,-40vw,-210px);
  --dy:clamp(-260px,-30vh,-130px);
  --skin-rot:-26deg;
  --skin-opacity:0.5;
  --depth:0.65;
  --bob-x:10px;
  --bob-y:-18px;
  --bob-dur:5.8s;
  --shine-delay:0s;
}

.hero-skin--howl .hero-skin__img{
  width:min(21vw,230px);
}

.hero-skin--gungnir{
  --dx:clamp(190px,40vw,470px);
  --dy:clamp(-10px,8vh,90px);
  --skin-rot:-12deg;
  --skin-opacity:0.56;
  --depth:1.2;
  --bob-x:-8px;
  --bob-y:-22px;
  --bob-dur:7.1s;
  --shine-delay:1.75s;
}

.hero-skin--gungnir .hero-skin__img{
  width:min(33vw,340px);
}

.hero-skin--lotus{
  --dx:clamp(-450px,-36vw,-200px);
  --dy:clamp(110px,26vh,250px);
  --skin-rot:-8deg;
  --skin-opacity:0.48;
  --depth:0.9;
  --bob-x:-12px;
  --bob-y:-14px;
  --bob-dur:6.3s;
  --shine-delay:3.5s;
}

.hero-skin--lotus .hero-skin__img{
  width:min(24vw,260px);
}

.hero-skin--lore{
  --dx:clamp(170px,38vw,440px);
  --dy:clamp(-280px,-32vh,-140px);
  --skin-rot:24deg;
  --skin-opacity:0.46;
  --depth:0.5;
  --bob-x:8px;
  --bob-y:-20px;
  --bob-dur:6.8s;
  --shine-delay:5.2s;
}

.hero-skin--lore .hero-skin__img{
  width:min(20vw,210px);
}

@keyframes heroSkinBob{
  0%,100%{
    transform:translate3d(
      calc(-50% + var(--dx) + (var(--mx) * var(--depth))),
      calc(-50% + var(--dy) + (var(--my) * var(--depth))),
      0
    );
  }
  50%{
    transform:translate3d(
      calc(-50% + var(--dx) + (var(--mx) * var(--depth)) + var(--bob-x)),
      calc(-50% + var(--dy) + (var(--my) * var(--depth)) + var(--bob-y)),
      0
    );
  }
}

@keyframes heroSkinShine{
  0%{transform:translateX(0) skewX(-18deg);opacity:0}
  8%{opacity:1}
  36%{transform:translateX(280%) skewX(-18deg);opacity:1}
  44%{opacity:0}
  100%{transform:translateX(280%) skewX(-18deg);opacity:0}
}

@media (max-width:1100px){
  .hero-skin--howl{
    --dx:clamp(-280px,-34vw,-140px);
    --dy:clamp(-200px,-26vh,-90px);
  }
  .hero-skin--howl .hero-skin__img{
    width:min(24vw,180px);
  }
  .hero-skin--gungnir{
    --dx:clamp(120px,34vw,280px);
    --dy:clamp(0px,10vh,70px);
  }
  .hero-skin--gungnir .hero-skin__img{
    width:min(32vw,260px);
  }
  .hero-skin--lotus{
    --dx:clamp(-260px,-32vw,-130px);
    --dy:clamp(80px,24vh,180px);
  }
  .hero-skin--lotus .hero-skin__img{
    width:min(26vw,190px);
  }
  .hero-skin--lore{
    --dx:clamp(110px,32vw,250px);
    --dy:clamp(-210px,-28vh,-90px);
  }
  .hero-skin--lore .hero-skin__img{
    width:min(22vw,165px);
  }
}

@media (max-width:760px){
  .heroSection.heroSection--orbit{
    min-height:clamp(28rem,88dvh,40rem);
  }
  .hero-skin--howl{
    --dx:clamp(-160px,-38vw,-90px);
    --dy:clamp(-170px,-28vh,-80px);
  }
  .hero-skin--howl .hero-skin__img{
    width:min(34vw,132px);
  }
  .hero-skin--gungnir{
    --dx:clamp(70px,36vw,150px);
    --dy:clamp(10px,12vh,60px);
  }
  .hero-skin--gungnir .hero-skin__img{
    width:min(46vw,176px);
  }
  .hero-skin--lotus{
    --dx:clamp(-150px,-36vw,-80px);
    --dy:clamp(70px,26vh,140px);
  }
  .hero-skin--lotus .hero-skin__img{
    width:min(36vw,148px);
  }
  .hero-skin--lore{
    --dx:clamp(70px,34vw,140px);
    --dy:clamp(-170px,-30vh,-70px);
  }
  .hero-skin--lore .hero-skin__img{
    width:min(32vw,124px);
  }
}

@media (prefers-reduced-motion:reduce){
  .hero-skin,
  .hero-skin__shine::before{
    animation:none !important;
  }
  .hero-skin{
    transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0);
  }
  .hero-skin__shine,
  .hero-skin__shine::before{
    opacity:0;
  }
}

/* Leaderboards page — “My Leaderboards” (swiperSection / boxContent / h4.center) */
.swiperSection .boxContent{
  box-sizing:border-box;
}

.swiperSection .boxContent h4{
  margin:0;
  padding:0;
  box-sizing:border-box;
  text-transform:uppercase;
  font-weight:900;
  font-size:32px;
  color:var(--white-color);
  font-family:"Gabarito","Space Grotesk",system-ui,serif;
  line-height:1.15;
  letter-spacing:0.02em;
}

.swiperSection .boxContent h4.center,
.swiperSection .boxContent h6.center,
.swiperSection .boxContent .center{
  text-align:center;
}

.swiperSection .boxContent h6{
  margin:1rem 0 0;
  padding:0;
  box-sizing:border-box;
  color:#d8e2f2 !important;
  letter-spacing:0.025em;
  font-weight:700;
  font-size:0.875rem;
  line-height:1.25rem;
  font-family:"Gabarito","Space Grotesk",system-ui,serif;
}

.swiperSection .boxContent h6 .lb-swiper-count-strong{
  color:orange;
  font-weight:700;
}

@media (max-width:480px){
  .swiperSection .boxContent h4{
    font-size:clamp(1.25rem,7.5vw,2rem);
  }
}

/* Leaderboards: slim glass pill tab bar (Zoid-style density — icon row, tight vertical rhythm) */
.lb-tab-bar{
  position:relative;
  z-index:10;
  box-shadow:0 2px 12px rgba(0,0,0,0.18),0 1px 0 rgba(255,255,255,0.04) inset;
  -webkit-backdrop-filter:blur(20px) saturate(1.15);
  backdrop-filter:blur(20px) saturate(1.15);
  border-radius:9999px;
  max-width:min(100%,56rem);
  margin:12px auto 0;
  display:flex;
  align-items:stretch;
  justify-content:space-evenly;
  padding:4px 6px;
  flex-wrap:wrap;
  gap:0;
  background:rgba(0,0,0,0.22) !important;
  border:1px solid rgba(255,255,255,0.07);
}

/* Outer wrapper: centered like reference layout */
#lead-tabs{
  margin:0 auto;
  max-width:min(100%,56rem);
  position:relative;
  z-index:40;
  isolation:isolate;
  /* Tab dividers: pure soft white (no Tailwind gray/blue divide colors on this bar) */
  --lb-tab-divider:rgba(255,255,255,0.22);
}

[data-leaderboard-tabs] > .relative{
  position:relative;
  z-index:1;
}

[data-leaderboard-tabs] [data-lb-panel][hidden],
[data-leaderboard-tabs] [data-lb-panel].hidden{
  display:none !important;
  pointer-events:none !important;
}

/* Pill shape — full stadium ends */
#lead-tabs .lb-tab-bar{
  border-radius:9999px !important;
}

/* Tailwind shadow on bar — blend with existing glass depth */
#lead-tabs .lb-tab-bar.shadow{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow),0 4px 4px 0 rgba(0,0,0,0.1);
}

/* Internal vertical rules — white line only (no Tailwind divide-gray / divide-slate = no cold blue tint) */
#lead-tabs ul.lb-tab-bar.divide-x > li.lb-tab-cell ~ li.lb-tab-cell,
#lead-tabs .lb-tab-bar.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1 !important;
  border-top-width:0 !important;
  border-right-width:0 !important;
  border-bottom-width:0 !important;
  border-left-width:1px !important;
  border-left-style:solid !important;
  border-left-color:var(--lb-tab-divider) !important;
}

div#lead-tabs li.lb-tab-cell,
div#lead-tabs .lb-tab{
  min-height:clamp(2.65rem,7vw,3.15rem);
}

#lead-tabs .lb-tab-cell{
  display:flex;
  align-items:stretch;
}

.lb-tab{
  position:relative;
  z-index:1;
  cursor:pointer;
  pointer-events:auto;
}

/* Same visual "slot" for every brand mark — crisp PNG, no drop shadow */
.lb-tab-logo-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  height:2.05rem;
  width:100%;
  max-width:9.5rem;
  flex-shrink:0;
}

@media (min-width:640px){
  .lb-tab-logo-slot{
    height:2.35rem;
    max-width:10.5rem;
  }
}

@media (min-width:1024px){
  .lb-tab-logo-slot{
    height:2.55rem;
    max-width:11rem;
  }
}

.lb-tab .lb-tab-icon{
  display:block;
  max-height:100%;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:center;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  mix-blend-mode:normal !important;
  opacity:1;
}

/* Leaderboard tab logos — Stake, CSGOLuck, Clash, CSGOBIG share the same slot fill */
#lead-tabs .lb-tab[data-lb-tab="stake"] .lb-tab-icon,
#lead-tabs .lb-tab[data-lb-tab="csgoluck"] .lb-tab-icon,
#lead-tabs .lb-tab[data-lb-tab="clash"] .lb-tab-icon,
#lead-tabs .lb-tab[data-lb-tab="csgobig"] .lb-tab-icon{
  height:100%;
  max-height:100%;
  width:auto;
  max-width:min(100%,11rem);
  object-fit:contain;
  object-position:center;
}

/* Clash.gg mark is often dark-on-dark in the glass tab bar — lift contrast without touching Chips/CSBattle */
#lead-tabs .lb-tab[data-lb-tab="clash"] .lb-tab-icon{
  filter:brightness(1.35) contrast(1.12) drop-shadow(0 0 10px rgba(255,255,255,0.22)) !important;
  -webkit-filter:brightness(1.35) contrast(1.12) drop-shadow(0 0 10px rgba(255,255,255,0.22)) !important;
  transform:scale(1.22);
  transform-origin:center center;
}

/* CSGOBIG / Clash PNGs have extra canvas padding — boost to match Stake / CSGOLuck visual weight */
#lead-tabs .lb-tab[data-lb-tab="csgobig"] .lb-tab-icon{
  transform:scale(1.22);
  transform-origin:center center;
}

/* Case Battle asset often reads larger than Chips/CSBattle in the same slot — cap height to match siblings */
#lead-tabs .lb-tab[data-lb-tab="casebattle"] .lb-tab-icon{
  max-height:1.62rem;
  max-width:min(100%,7.25rem);
}

@media (min-width:640px){
  #lead-tabs .lb-tab[data-lb-tab="casebattle"] .lb-tab-icon{
    max-height:1.82rem;
    max-width:min(100%,7.75rem);
  }
}
@media (min-width:1024px){
  #lead-tabs .lb-tab[data-lb-tab="casebattle"] .lb-tab-icon{
    max-height:1.95rem;
    max-width:min(100%,8.25rem);
  }
}

/* CSLOW tab logo — match Chips / Case Battle slot height */
#lead-tabs .lb-tab[data-lb-tab="cslow"] .lb-tab-icon{
  max-height:1.62rem;
  max-width:min(100%,7.25rem);
}
@media (min-width:640px){
  #lead-tabs .lb-tab[data-lb-tab="cslow"] .lb-tab-icon{
    max-height:1.82rem;
    max-width:min(100%,7.75rem);
  }
}
@media (min-width:1024px){
  #lead-tabs .lb-tab[data-lb-tab="cslow"] .lb-tab-icon{
    max-height:1.95rem;
    max-width:min(100%,8.25rem);
  }
}

.lb-tab .lb-tab-text-fallback{
  display:block;
  font-size:0.7rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.07em;
  color:rgba(255,255,255,0.82);
  padding:0.15rem 0;
}

.lb-tab-indicator{
  display:block;
  width:2rem;
  max-width:36%;
  height:2px;
  border-radius:9999px;
  background:linear-gradient(90deg,rgba(0,207,255,0.85),rgba(21,94,239,0.95));
  opacity:0;
  transform:scaleX(0.55);
  transition:opacity 0.22s ease,transform 0.22s cubic-bezier(0.22,1,0.36,1);
}

.lb-tab.lb-tab--active .lb-tab-indicator{
  opacity:1;
  transform:scaleX(1);
}

/* Clash.gg leaderboard hero (tab panel) — gallery / Gabarito, gem + title */
.lb-clash-heading-gallery.gallery{
  gap:0.35rem;
}

@media (min-width:640px){
  .lb-clash-heading-gallery.gallery{
    gap:0.45rem;
  }
}

.lb-clash-heading-gallery.gallery .d-flex{
  display:flex;
}

.lb-clash-heading-gallery.gallery .align-center{
  align-items:center;
}

.lb-clash-heading-gallery.gallery .justify-center{
  justify-content:center;
}

.lb-clash-heading-gallery.gallery .headingIcons{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  line-height:1;
  isolation:isolate;
}

/*
 * Clash hero gem (SVG) — keep file colors (orange/gold). Webflow/embed parents often force white icons via filter;
 * reset hard so the gem matches assets/img/gem.svg.
 */
.lb-clash-heading-gallery.gallery .lb-clash-heading-gem,
.lb-clash-heading-gallery.gallery .headingIcons img.lb-clash-heading-gem{
  display:block;
  width:clamp(2.25rem,6vw,3rem);
  height:clamp(2.25rem,6vw,3rem);
  max-width:3rem;
  max-height:3rem;
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
  box-shadow:none !important;
  background:transparent !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* CSGOLuck hero — chip next to title (same row as CSBattle coin) */
.lb-clash-heading-gallery.gallery .lb-csgoluck-heading-coin,
.lb-clash-heading-gallery.gallery .headingIcons img.lb-csgoluck-heading-coin{
  display:block;
  width:clamp(2.4rem,6.4vw,3.2rem);
  height:clamp(2.4rem,6.4vw,3.2rem);
  max-width:3.35rem;
  max-height:3.35rem;
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
  margin-right:0;
  box-shadow:none !important;
  background:transparent !important;
  filter:drop-shadow(0 0 10px rgba(0,230,130,0.45)) drop-shadow(0 2px 8px rgba(0,0,0,0.35));
  -webkit-filter:drop-shadow(0 0 10px rgba(0,230,130,0.45)) drop-shadow(0 2px 8px rgba(0,0,0,0.35));
  opacity:1 !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* CSBattle hero — gold coin next to title (matches Clash gem layout) */
.lb-clash-heading-gallery.gallery .lb-csbattle-heading-coin,
.lb-clash-heading-gallery.gallery .headingIcons img.lb-csbattle-heading-coin{
  display:block;
  width:clamp(2.4rem,6.4vw,3.2rem);
  height:clamp(2.4rem,6.4vw,3.2rem);
  max-width:3.35rem;
  max-height:3.35rem;
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
  box-shadow:none !important;
  background:transparent !important;
  filter:drop-shadow(0 0 14px rgba(255,200,72,0.42)) drop-shadow(0 2px 8px rgba(0,0,0,0.35));
  -webkit-filter:drop-shadow(0 0 14px rgba(255,200,72,0.42)) drop-shadow(0 2px 8px rgba(0,0,0,0.35));
  opacity:1 !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* CSGOBIG hero — coin chip next to title (same row as Clash gem / CSGOLuck) */
.lb-clash-heading-gallery.gallery .lb-csgobig-heading-coin,
.lb-clash-heading-gallery.gallery .headingIcons img.lb-csgobig-heading-coin{
  display:block;
  width:clamp(2.2rem,5.6vw,2.9rem);
  height:clamp(2.2rem,5.6vw,2.9rem);
  max-width:2.9rem;
  max-height:2.9rem;
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
  margin:0;
  box-shadow:none !important;
  background:transparent !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* Juice hero — chip icon next to title (same row as Clash gem / CSGOBIG coin) */
.lb-clash-heading-gallery.gallery .lb-juice-heading-coin,
.lb-clash-heading-gallery.gallery .headingIcons img.lb-juice-heading-coin{
  display:block;
  width:clamp(2.4rem,6.4vw,3.2rem);
  height:clamp(2.4rem,6.4vw,3.2rem);
  max-width:3.35rem;
  max-height:3.35rem;
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
  margin-right:0;
  box-shadow:none !important;
  background:transparent !important;
  filter:drop-shadow(0 0 14px rgba(120,220,80,0.45)) drop-shadow(0 2px 8px rgba(0,0,0,0.35));
  -webkit-filter:drop-shadow(0 0 14px rgba(120,220,80,0.45)) drop-shadow(0 2px 8px rgba(0,0,0,0.35));
  opacity:1 !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* CSBattle coin in podium + table (reward / wager) */
.lb-csbattle-coin{
  object-fit:contain;
  object-position:center;
  flex-shrink:0;
  vertical-align:middle;
}

.lb-csbattle-coin--podium-wager{
  filter:drop-shadow(0 0 6px rgba(255,190,60,0.35));
  -webkit-filter:drop-shadow(0 0 6px rgba(255,190,60,0.35));
}

.lb-csbattle-coin--podium-prize{
  filter:drop-shadow(0 0 8px rgba(255,200,80,0.4));
  -webkit-filter:drop-shadow(0 0 8px rgba(255,200,80,0.4));
}

#lb-table-body .lb-csbattle-coin--table-prize,
#lb-table-body .lb-csbattle-coin--table-wager{
  filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
  -webkit-filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
}

.lb-clash-heading-gallery.gallery .mainHeading{
  color:#d8e2f2 !important;
  letter-spacing:0.025em;
  text-transform:uppercase;
  font-weight:700;
  font-size:0.875rem;
  line-height:1.2;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  margin:0;
  max-width:36rem;
  text-wrap:balance;
}

.lb-clash-heading-gallery.gallery .mainHeading + .mainHeading{
  margin-top:0;
}

.lb-clash-heading-gallery.gallery #code-name{
  color:#fff;
  font-weight:800;
  letter-spacing:0.06em;
}

/* Chips.gg hero — match reference layout: ~2rem title, tight subtitle stack, near-white caps */
.lb-chips-heading-gallery.gallery{
  gap:0.28rem;
}

@media (min-width:640px){
  .lb-chips-heading-gallery.gallery{
    gap:0.38rem;
  }
}

.lb-chips-heading-gallery.gallery .headingIcons{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  line-height:1.05;
}

/* Main line: bold ~2rem white (screenshot reference) */
.gallery .headingIcons h1,
.gallery .headingIcons h2,
.lb-chips-heading-gallery.gallery .headingIcons h1,
.lb-chips-heading-gallery.gallery .headingIcons h2,
.lb-chips-heading-gallery.gallery .lb-chips-hero-title,
.gallery .lb-dynamic-hero-title{
  display:inline;
  margin:0;
  padding:0 0.25rem;
  max-width:100%;
  box-sizing:border-box;
  font-size:clamp(1.25rem,4.2vw,2rem);
  color:#fff !important;
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0.02em;
  line-height:1.12;
  text-wrap:balance;
}

/* Clash.gg — title in .headingIcons: fixed 2rem, ui-sans (after shared .headingIcons h1 so it wins) */
.lb-clash-heading-gallery.gallery .headingIcons h1,
.lb-clash-heading-gallery.gallery .headingIcons h2,
.lb-clash-heading-gallery.gallery .headingIcons h1.lb-clash-hero-title,
.lb-clash-heading-gallery.gallery .headingIcons h2.lb-clash-hero-title{
  display:inline;
  margin:0;
  padding:0;
  max-width:100%;
  box-sizing:border-box;
  font-size:2rem;
  color:#fff !important;
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight:900;
  text-align:center;
  line-height:1.12;
  letter-spacing:0.02em;
  text-transform:uppercase;
  text-wrap:balance;
}

/* Subtitles under Chips h1 — match .gallery .mainHeading spec (no global *) */
.lb-chips-heading-gallery.gallery .mainHeading{
  color:#d8e2f2 !important;
  letter-spacing:0.025em;
  text-transform:uppercase;
  font-weight:700;
  font-size:0.875rem;
  line-height:1.2;
  font-family:"Gabarito",serif;
  margin:0;
  max-width:min(100%,42rem);
  text-wrap:balance;
}

.lb-chips-heading-gallery.gallery .mainHeading + .mainHeading{
  margin-top:0;
}

.lb-chips-heading-gallery.gallery #lb-chips-code-name{
  color:#fff;
  font-weight:800;
  letter-spacing:0.06em;
}

.lb-chips-heading-gallery.gallery .lb-chips-model-buttons{
  margin-top:0.68rem;
}

@media (min-width:640px){
  .lb-chips-heading-gallery.gallery .lb-chips-model-buttons{
    margin-top:0.82rem;
  }
}

/* Leaderboard $ glyph (Chips): prize stays Gabarito; wager $ matches wager numeral stack */
.lb-currency-dollar{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:800;
  line-height:1;
}

.lb-currency-dollar--podium-wager,
.lb-currency-dollar--table{
  color:#fff;
  font-family:var(--lb-wager-numeric-font);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}

.lb-currency-dollar--podium-prize,
.lb-currency-dollar--table-prize{
  color:#b2ff58 !important;
}

.lb-currency-dollar--podium-wager{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.12rem;
  margin:0;
  margin-inline-end:0;
  line-height:1;
}

.lb-currency-dollar--podium-prize{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.08rem;
  margin:0;
  line-height:1;
}

.lb-currency-dollar--table{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.05rem;
  min-width:0;
  margin:0;
  line-height:1;
}

.lb-currency-dollar--table-prize{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.05rem;
  margin:0;
  line-height:1;
}

/* Wager row: gallery stack; tabular alignment + slight tightening */
.lb-wager-amount-inline{
  display:inline-flex;
  align-items:baseline;
  gap:0.2em;
  column-gap:0.2em;
  font-family:var(--lb-wager-numeric-font);
  font-weight:600;
  font-size:1.125rem;
  line-height:1.45;
  letter-spacing:-0.02em;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  color:#fff !important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}

.lb-wager-amount-inline img{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:0.98;
}

/* Optional hero “Prize:” line (setPrizeHtml) — lime amount */
.lb-prize-label-muted{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:0.875rem;
  color:rgba(255,255,255,0.5);
}

.lb-prize-inline-amount{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:clamp(0.9375rem,2.5vw,1.125rem);
  line-height:1.5;
  color:#b2ff58 !important;
  font-variant-numeric:tabular-nums;
}

.lb-prize-inline-amount img,
.lb-prize-inline-gem{
  filter:none !important;
  -webkit-filter:none !important;
}

/* Colored gem.svg (embed/Webflow): parent themes often force monochrome on img */
img.lb-gem-natural{
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

.lb-podium-wager-icon-host--hidden{
  display:none !important;
}

/* Affiliate / leaderboard code chip — glass + border (copy + optional Clash link) */
.modelButtons a.btnPara{
  text-decoration:none;
}

.modelButtons .btnPara:not(.lb-code-btn){
  box-sizing:border-box;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:150px;
  padding:9px 20px;
  border-radius:8px;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.5px;
  cursor:pointer;
  color:#fff !important;
  background:rgba(0,0,0,0.19) !important;
  border:2px solid var(--red-color-bg-4) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 4px 14px rgba(0,0,0,0.2);
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;
}

.modelButtons .btnPara:not(.lb-code-btn):hover{
  background:rgba(0,0,0,0.28) !important;
  border-color:var(--red-color-bg-2) !important;
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}

.modelButtons .btnPara:not(.lb-code-btn):active{
  transform:scale(0.98);
}

.modelButtons .btnPara:not(.lb-code-btn):focus{
  outline:none;
}

.modelButtons .btnPara:not(.lb-code-btn):focus-visible{
  outline:2px solid rgba(220,240,255,0.45);
  outline-offset:2px;
}

.modelButtons .btnPara:not(.lb-code-btn) span{
  font-weight:800;
  letter-spacing:0.08em;
}

/* Leaderboards podium — gallery cards (avatar, masked name, wagered, prize) */
.lb-podium-gallery .gridRow{
  min-width:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* Tight centered column inside wide flex item (reference: leader-card / leader-info — Zoid-scale width) */
.lb-podium-gallery .lb-podium-inner{
  width:100%;
  max-width:19.5rem;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}

/* Rank badge sits below circle — must NOT live inside .imgNumberBox (circle uses overflow:hidden) */
.lb-podium-gallery .lb-podium-avatar-slot{
  position:relative;
  width:102px;
  margin:0 auto 1.05rem;
  flex-shrink:0;
}

/* Podium cards — compact leader-card footprint */
.lb-podium-gallery .gridRow .box{
  margin-bottom:26px;
  box-shadow:0 10px 36px var(--red-color-bg-2);
  border-radius:14px !important;
  border:2px solid var(--red-color-bg-1) !important;
  background:#00000030 !important;
  padding:1.65rem 1.5rem;
  max-width:380px;
  flex-basis:280px;
  flex-grow:1;
  flex-shrink:1;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  min-height:380px;
  height:auto;
  max-height:none;
  /* visible: overflow:hidden clips the card’s own box-shadow on the outer sides */
  overflow:visible;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}

.lb-podium-gallery .gridRow .box::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

.lb-podium-gallery .gridRow .box.lb-podium--first{
  /* Avatar + rank gem same scale as #2 / #3; #1 reads special via gold diamond + shadow + lift */
  margin-bottom:min(92px,7.5vw);
  box-shadow:0 12px 42px rgba(21,94,239,0.4);
  position:relative;
  z-index:2;
}

@media (min-width:768px){
  /* Stretch top-3 row to full content width so it lines up with the ranks table below */
  .lb-podium-gallery .gridRow .box{
    max-width:none;
    flex:1 1 0;
    min-width:0;
  }
}

.lb-podium-gallery .gridRow .box .d-flex{
  display:flex;
}

.lb-podium-gallery .gridRow .box .align-center{
  align-items:center;
}

.lb-podium-gallery .gridRow .box .justify-center{
  justify-content:center;
}

.lb-podium-gallery .imgNumberBox{
  position:relative;
  width:102px;
  height:102px;
  margin:0;
  overflow:hidden;
  border-radius:50%;
  border:2px solid rgba(255,207,57,0.5);
  box-shadow:0 8px 24px rgba(0,0,0,0.48);
  box-sizing:border-box;
  background:rgba(0,0,0,0.35);
}

/* Fill the circle (cover) — face-biased crop */
.lb-podium-gallery .imgNumberBox .lb-podium-avatar{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 30%;
  transform:scale(1.02);
  transform-origin:50% 35%;
  border:none;
  box-shadow:none;
}

.lb-podium-gallery .lb-podium-avatar-slot .boxNumber{
  position:absolute;
  left:50%;
  bottom:-11px;
  transform:translateX(-50%);
  z-index:3;
  width:3.25rem;
  height:2.25rem;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
}

.lb-podium-gallery .lb-podium-avatar-slot .boxNumber-diamond{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:31px;
  color:#ffcf39;
  text-shadow:0 4px 8px rgba(0,0,0,0.85);
  line-height:1;
}

/* Rank badge diamond — 2nd / 3rd (leader-place.* on <article>) */
.lb-podium-gallery .leader-place.second i.boxNumber-diamond,
.lb-podium-gallery .leader-place.second i{
  color:#e5e5e5;
  -webkit-text-fill-color:#e5e5e5;
  text-shadow:0 3px 10px rgba(0,0,0,0.75),0 0 1px rgba(0,0,0,0.9);
}

.lb-podium-gallery .leader-place.third i.boxNumber-diamond,
.lb-podium-gallery .leader-place.third i{
  color:#e98332;
  -webkit-text-fill-color:#e98332;
  text-shadow:0 3px 10px rgba(0,0,0,0.6);
}

.lb-podium-gallery .lb-podium-avatar-slot .boxNumber-rank{
  position:relative;
  z-index:1;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:900;
  font-size:0.95rem;
  line-height:1;
  color:#041660;
  text-align:center;
  text-shadow:0 1px 0 rgba(255,255,255,0.4);
}

.lb-podium-gallery .gridRow .box .mainHeading.lb-podium-name{
  color:var(--white-color);
  font-weight:700;
  font-size:clamp(0.85rem,2.5vw,1.3rem);
  line-height:1.2;
  margin:4px 0 0;
  text-transform:uppercase;
  letter-spacing:0.04em;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  text-align:center;
  max-width:100%;
  min-width:0;
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lb-podium-gallery .gridRow .box.lb-podium--first .mainHeading.lb-podium-name{
  font-size:clamp(1rem,2.8vw,1.5rem);
}

.lb-podium-gallery .gridRow .box .mainPara{
  color:#ffc81f;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:2px;
  margin-top:6px;
  margin-bottom:0;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:700;
  text-align:center;
}

.lb-podium-gallery .imgprice{
  gap:0.2em;
  column-gap:0.2em;
  margin-bottom:6px;
  margin-top:2px;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:0.75rem 1.25rem;
}

.lb-podium-gallery .imgprice .currency-icon-container,
.lb-podium-gallery .priceBtn .currency-icon-container{
  margin:0;
  padding:0;
}

.lb-podium-gallery .currency-icon-container .lb-podium-wager-gem{
  width:22px;
  height:22px;
  display:block;
  flex-shrink:0;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:0.98;
}

/* Podium wagered — same numeric stack as table */
.gallery .gridRow .box .imgprice p,
.lb-podium-gallery .gridRow .box .imgprice p{
  margin:0;
  font-family:var(--lb-wager-numeric-font);
  font-size:1.125rem;
  font-weight:600;
  letter-spacing:-0.02em;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  color:#fff !important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  line-height:1.45;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lb-podium-gallery .gridRow .box.lb-podium--first .imgprice p{
  font-size:1.125rem;
}

.lb-podium-gallery .underlineTextLogo{
  width:100%;
  margin-bottom:0.35rem;
}

.lb-podium-gallery .underlineTextLogo .underline{
  width:100%;
  max-width:220px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent);
}

.lb-podium-gallery .gridRow .box .priceBtn,
.gallery .gridRow .box .priceBtn{
  background:linear-gradient(195deg,var(--red-color-bg-1),transparent);
  border-radius:10px;
  padding:1.5rem 2rem;
  margin-top:8px;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  min-width:10.5rem;
  max-width:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.2em;
  border:none;
  box-shadow:none;
  box-sizing:border-box;
}

/* Podium prize: compact chip — extra top gap so it sits a touch lower in the card */
.lb-podium-gallery .gridRow .box .priceBtn{
  padding:0.65rem 1.1rem;
  min-width:6.75rem;
  max-width:11.5rem;
  margin-top:clamp(0.7rem,2.2vw,1.15rem);
  display:inline-flex;
  flex-shrink:0;
}

.gallery .gridRow .box .priceBtn p,
.lb-podium-gallery .gridRow .box .priceBtn p,
.lb-podium-gallery .priceBtn .lb-podium-prize-text{
  margin:0;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:1.125rem;
  font-weight:800;
  color:#b2ff58 !important;
  font-variant-numeric:tabular-nums;
  line-height:1.5;
}

.lb-podium-gallery .gridRow .box .priceBtn .lb-podium-prize-text,
.lb-podium-gallery .gridRow .box .priceBtn p{
  font-size:0.9375rem;
  line-height:1.35;
}

.lb-podium-gallery .priceBtn .lb-podium-prize-text.lb-podium-prize-empty{
  color:rgba(255,255,255,0.38) !important;
  font-weight:600;
}

.lb-podium-gallery .priceBtn .currency-icon-container{
  display:block;
  flex-shrink:0;
}

.lb-podium-gallery .priceBtn .lb-podium-reward-gem .lb-gem-natural{
  width:15px;
  height:15px;
  filter:none !important;
  -webkit-filter:none !important;
}

/* Table prize column — same chip look as podium `.priceBtn` (does not alter podium rules) */
#lb-table-body .priceBtn.lb-table-prize-chip,
#lb-prev-table-body .priceBtn.lb-table-prize-chip{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  padding:0.35rem 0.5rem;
  border-radius:8px;
  gap:0.35rem;
  column-gap:0.25em;
  background:linear-gradient(195deg,rgba(21,94,239,0.35),transparent);
  border:none;
  box-shadow:none;
  width:auto;
  min-width:0;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}

#lb-table-body .priceBtn.lb-table-prize-chip .lb-podium-prize-text,
#lb-prev-table-body .priceBtn.lb-table-prize-chip .lb-podium-prize-text{
  margin:0;
  font-family:var(--lb-wager-numeric-font);
  font-size:0.875rem;
  font-weight:700;
  color:#b2ff58 !important;
  font-variant-numeric:tabular-nums;
  line-height:1.5;
}

#lb-table-body .priceBtn.lb-table-prize-chip .lb-podium-prize-text.lb-podium-prize-empty,
#lb-prev-table-body .priceBtn.lb-table-prize-chip .lb-podium-prize-text.lb-podium-prize-empty{
  color:rgba(255,255,255,0.4) !important;
  font-weight:500;
}

#lb-table-body .priceBtn.lb-table-prize-chip .currency-icon-container,
#lb-prev-table-body .priceBtn.lb-table-prize-chip .currency-icon-container{
  display:block;
  flex-shrink:0;
}

#lb-table-body .priceBtn.lb-table-prize-chip .lb-podium-reward-gem .lb-gem-natural,
#lb-prev-table-body .priceBtn.lb-table-prize-chip .lb-podium-reward-gem .lb-gem-natural{
  width:14px;
  height:14px;
  filter:none !important;
  -webkit-filter:none !important;
}

#lb-table-body .priceBtn.lb-table-prize-chip .lb-currency-dollar--table-prize,
#lb-prev-table-body .priceBtn.lb-table-prize-chip .lb-currency-dollar--table-prize{
  font-size:0.875rem;
  font-weight:700;
  color:#b2ff58 !important;
}

#lb-table-body .lb-customers-reward-wrap,
#lb-prev-table-body .lb-customers-reward-wrap{
  width:100%;
  justify-content:flex-start;
}

/* Leaderboard table #customers (ranks 4–10) */
.gallery.leaderBoardTable{
  margin-top:clamp(2rem,5vw,3.25rem);
  margin-bottom:2.5rem;
}

#lb-table-section.gallery.leaderBoardTable,
.lb-prev-leaderboard-page .gallery.leaderBoardTable{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* Bleed podium + ranks table: cancel .lb-page-shell horizontal padding (px-4 / sm:px-6 / lg:px-8) */
.lb-page-shell #lb-podium-wrap.lb-podium-bleed,
.lb-page-shell #lb-table-section.lb-leaderboard-table-bleed,
.lb-page-shell .gallery.leaderBoardTable.lb-leaderboard-table-bleed{
  margin-left:-1rem;
  margin-right:-1rem;
  width:calc(100% + 2rem);
  max-width:none;
}

@media (min-width:640px){
  .lb-page-shell #lb-podium-wrap.lb-podium-bleed,
  .lb-page-shell #lb-table-section.lb-leaderboard-table-bleed,
  .lb-page-shell .gallery.leaderBoardTable.lb-leaderboard-table-bleed{
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    width:calc(100% + 3rem);
  }
}

@media (min-width:1024px){
  .lb-page-shell #lb-podium-wrap.lb-podium-bleed,
  .lb-page-shell #lb-table-section.lb-leaderboard-table-bleed,
  .lb-page-shell .gallery.leaderBoardTable.lb-leaderboard-table-bleed{
    margin-left:-2rem;
    margin-right:-2rem;
    width:calc(100% + 4rem);
  }
}

.gallery.leaderBoardTable .col-12.lb-leaderboard-table-scroll,
.gallery.leaderBoardTable .lb-leaderboard-table-scroll{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.gallery.leaderBoardTable .col-12.lb-leaderboard-table-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:12px;
  box-shadow:0 12px 48px rgba(0,0,0,0.35);
}

.gallery #customers{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  border-radius:10px;
  overflow:hidden;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(255,255,255,0.08);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

/* Reference: Tailwind `table-fixed` + `px-8 py-5` header / `py-6` body */
.gallery #customers thead th:nth-child(1){
  width:4.25rem;
}

.gallery #customers thead th:nth-child(2){
  width:38%;
}

.gallery #customers thead th:nth-child(3){
  width:26%;
}

.gallery #customers thead th{
  padding:1.25rem 2rem;
  text-align:left;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:0.75rem;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#e5e7eb;
  background:rgba(0,0,0,0.4);
  border-bottom:1px solid rgba(255,255,255,0.1);
}

.gallery #customers thead th:first-child{
  border-top-left-radius:10px;
}

.gallery #customers thead th:last-child{
  border-top-right-radius:10px;
}

/* Reward column — align with body chips (left in column; was flush-right + margin-left:auto hiding padding tweaks) */
.gallery #customers thead th.lb-customers-th-reward{
  text-align:left;
  vertical-align:middle;
  padding:1.25rem 2rem;
  color:#e5e7eb;
  font-weight:800;
  letter-spacing:0.14em;
}

.gallery #customers tbody th.lb-customers-place,
.gallery #customers tbody td{
  padding:1.5rem 2rem;
  vertical-align:middle;
  border-bottom:1px solid rgba(255,255,255,0.06);
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:0.875rem;
  line-height:1.35;
  color:rgba(255,255,255,0.92);
}

.gallery #customers tbody th.lb-customers-place{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:600;
  font-size:0.875rem;
  text-align:left;
  color:rgba(255,255,255,0.88);
  width:4.25rem;
}

.gallery #customers tbody tr:last-child th,
.gallery #customers tbody tr:last-child td{
  border-bottom:none;
}

.gallery #customers tbody tr:hover th,
.gallery #customers tbody tr:hover td{
  background:rgba(255,255,255,0.03);
}

.gallery #customers .d-flex.align-center{
  display:flex;
  align-items:center;
  gap:0.75rem;
}

.gallery #customers .d-flex.align-center.lb-customers-wager-cell{
  gap:0.2em;
  column-gap:0.2em;
}

.gallery #customers .lb-customers-wager-cell--tight{
  gap:0.2em;
  column-gap:0.2em;
}

.gallery #customers .d-flex.align-center.justify-end{
  justify-content:flex-end;
}

/* Prize column: must beat rule above (same specificity) — do not pin chips to the right edge */
.gallery #customers .d-flex.align-center.lb-customers-reward-wrap{
  justify-content:flex-start;
}

.gallery #customers .lb-customers-avatar-host{
  flex-shrink:0;
  width:1.75rem;
  height:1.75rem;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(255,207,57,0.45);
  box-shadow:0 2px 8px rgba(0,0,0,0.35);
  box-sizing:border-box;
  background:rgba(0,0,0,0.35);
}

.gallery #customers .lb-customers-avatar-host .lb-customers-avatar{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 30%;
  transform:scale(1.05);
  transform-origin:50% 35%;
  border:none;
  box-shadow:none;
}

.gallery #customers .lb-customers-user-name{
  margin:0;
  font-weight:500;
  font-size:0.875rem;
  letter-spacing:0.02em;
  line-height:1.25;
  max-width:min(48vw,100%);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Reference: text-sm + yellow wager */
.gallery #customers .lb-customers-wager-num{
  margin:0;
  font-family:var(--lb-wager-numeric-font);
  font-size:0.875rem;
  font-weight:600;
  letter-spacing:-0.02em;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  color:#facc15 !important;
  line-height:1.4;
}

.gallery #customers .lb-customers-wager-num--placeholder{
  font-family:var(--lb-wager-numeric-font);
  color:rgba(255,255,255,0.45) !important;
  font-weight:500;
  font-feature-settings:"tnum" 1,"lnum" 1;
}

.gallery #customers .lb-customers-wager-gem{
  width:14px;
  height:14px;
  flex-shrink:0;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:0.98;
}

/* Gem / $ wager rows: match compact yellow reference */
.gallery #customers .lb-wager-amount-inline{
  font-size:0.875rem !important;
  line-height:1.4 !important;
  color:#facc15 !important;
}

.gallery #customers .lb-wager-amount-inline .lb-currency-dollar--table{
  color:#facc15 !important;
}

.gallery #customers .lb-wager-amount-inline img{
  width:14px !important;
  height:14px !important;
}

.gallery #customers td.lb-customers-reward-td{
  text-align:left;
  padding:1.5rem 2rem;
}

.gallery #customers .lb-customers-placeholder,
.gallery #customers .lb-customers-empty-rows{
  padding:2.5rem 1.25rem;
  text-align:center;
  font-size:0.875rem;
  color:rgba(255,255,255,0.42);
  border-bottom:none;
}

.leaderBoardBox .row{
  background:#00000030;
  padding:2.25rem 1.5rem;
  gap:32px;
  border-radius:15px;
  display:flex;
  align-items:center;
  border:2px solid var(--red-color-bg-4);
  margin-bottom:0;
  flex-wrap:wrap;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}

@media (min-width:768px){
  .leaderBoardBox .row{
    padding:2.75rem 2rem;
  }
}

.leaderBoardBox .bxo{
  max-width:720px;
  margin:0 auto;
  text-align:center;
}

.leaderBoardBox h2{
  font-weight:900;
  font-size:clamp(2.4rem,5vw,3.25rem);
  text-transform:uppercase;
  color:var(--white-color);
  letter-spacing:0.22em;
  margin:0 0 0.5rem;
}

.leaderBoardBox p{
  margin:5px auto 20px;
  max-width:500px;
  color:#adc6eb;
  font-size:16px;
  text-align:center;
}

.leaderBoardBox .iconsBox{
  max-width:400px;
  margin:0 auto 1.25rem;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.leaderBoardBox .iconsBox img{
  max-width:120px;
  width:100%;
  object-fit:contain;
}

.leaderBoardBox .btn.center{
  text-align:center;
  margin-top:8px;
}

.leaderBoardBox .btn.center a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 40px;
  border-radius:999px;
  background:#155EEF;
  color:#081c43;
  font-family:\"Gabarito\",\"Space Grotesk\",system-ui,sans-serif;
  font-weight:900;
  letter-spacing:0.16em;
  text-transform:uppercase;
  box-shadow:0 22px 40px rgba(0,0,0,0.45);
  transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease;
}

.leaderBoardBox .btn.center a:hover{
  transform:translateY(1px) scale(0.99);
  filter:brightness(1.02);
}

.leaderBoardBox .btn.center a:active{
  transform:translateY(2px) scale(0.975);
  box-shadow:0 12px 26px rgba(0,0,0,0.45);
}

.bounce .row{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:center;
}

.bounce .row .box{
  max-width:380px;
  width:100%;
  flex-basis:275px;
  flex-grow:1;
  box-shadow:0 10px 40px #00000024;
  border-radius:15px !important;
  border:2px solid var(--red-color-bg-4) !important;
  background:#ffffff0a !important;
  padding:24px;
  margin-bottom:20px;
  text-align:center;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}

.bounce .row .box img{
  padding-bottom:5px;
  max-width:200px;
  width:100%;
  object-fit:contain !important;
  margin-left:auto;
  margin-right:auto;
}

.bounce .row .box .checkBox{
  margin-top:8px;
}

.bounce .row .box .checkBox .boxes{
  padding:20px;
  color:#fff;
  font-weight:800;
  font-size:17px;
  border-bottom:2px solid var(--red-color-bg-4);
  display:flex;
  align-items:center;
  gap:8px;
}

.bounce .row .box .checkBox .boxes:nth-child(3){
  border-bottom:0 solid transparent;
}

.bounce .row .box .checkBox .boxes i{
  color:#155EEF;
}

.bounce .row .box .copyBox{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  gap:13px;
  font-size:1.125rem;
  line-height:1.75rem;
  background:#00000014;
  padding:20px;
  border-radius:12px;
  border:2px dashed #91c0ff4a;
  cursor:pointer;
  margin-bottom:14px;
  color:#fff;
}

.bounce .row .box .copyBox p{
  margin:0;
  letter-spacing:0.15em;
  font-weight:800;
}

.bounce .row .box .infoBtnGroup{
  width:100%;
}

.bounce .row .box .infoBtnGroup .btn{
  width:100%;
}

.bounce .row .box .infoBtnGroup .btn a{
  background:#155EEF !important;
  color:#081c43 !important;
  box-shadow:inset 0 -5px 0 #00000033 !important;
  letter-spacing:1px;
  padding:20px;
  border-radius:12px;
  cursor:pointer;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  transition:transform 0.2s ease,box-shadow 0.2s ease;
}

.bounce .row .box .infoBtnGroup .btn a:hover{
  transform:translateY(1px) scale(0.99);
}

.bounce .row .box .infoBtnGroup .btn a:active{
  transform:translateY(2px) scale(0.975);
}

/* Home bonuses: keep 4 cards aligned in a clean grid */
#bonuses .row{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:stretch;
  gap:18px;
}

#bonuses .row .box{
  flex:1 1 0;
  min-width:0;
  max-width:280px;
  margin-bottom:0;
  display:flex;
  flex-direction:column;
  padding:20px;
}

#bonuses .row .box .bonus-card-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:56px;
  height:56px;
  width:100%;
  margin:0 auto 8px;
}

#bonuses .row .box .bonus-card-logo img,
#bonuses .row .box > img{
  display:block;
  height:56px;
  width:auto;
  max-width:210px;
  max-height:56px;
  object-fit:contain !important;
  margin:0 auto;
  padding-bottom:0;
}

#bonuses .row .box .bonus-card-logo-fallback{
  margin:0;
  padding:0 8px;
  font-size:1.05rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
}

#bonuses .row .box .underlineTextLogo{
  flex:0 0 auto;
}

#bonuses .row .box .checkBox{
  flex:1 1 auto;
  margin-top:0;
}

#bonuses .row .box .copyBox{
  flex:0 0 auto;
}

#bonuses .row .box .infoBtnGroup{
  flex:0 0 auto;
  margin-top:auto;
}

@media (max-width:1100px){
  #bonuses .row{
    flex-wrap:wrap;
    gap:22px;
  }

  #bonuses .row .box{
    flex:0 1 calc(50% - 22px);
    max-width:360px;
  }
}

@media (max-width:640px){
  #bonuses .row .box{
    flex:1 1 100%;
    min-width:0;
    max-width:420px;
  }
}

/* ─── CSGOLuck leaderboard styles ─────────────────────────────────────────── */
.lb-csgoluck-heading-gallery{
  background:radial-gradient(ellipse at 50% -20%,#00ff7b18 0%,transparent 70%);
}

/* Coin icons in podium / table — reuse lb-csbattle-coin sizing rules */
.lb-csgoluck-coin{
  object-fit:contain;
  object-position:center;
  flex-shrink:0;
  vertical-align:middle;
}
.lb-csgoluck-coin--podium-wager{
  width:26px;
  height:26px;
  filter:drop-shadow(0 0 6px rgba(255,190,60,0.35));
  -webkit-filter:drop-shadow(0 0 6px rgba(255,190,60,0.35));
}
.lb-csgoluck-coin--podium-prize{
  width:26px;
  height:26px;
  filter:drop-shadow(0 0 8px rgba(255,200,80,0.4));
  -webkit-filter:drop-shadow(0 0 8px rgba(255,200,80,0.4));
}
.lb-csgoluck-coin--table-wager{
  width:18px;
  height:18px;
  filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
  -webkit-filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
}
.lb-csgoluck-coin--table-prize{
  width:22px;
  height:22px;
  filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
  -webkit-filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
}
#lb-table-body .lb-csgoluck-coin--table-prize,
#lb-prev-table-body .lb-csgoluck-coin--table-prize{
  filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
  -webkit-filter:drop-shadow(0 0 5px rgba(255,185,55,0.32));
}

/* Leaderboards countdown — underline heading + gold digits (#ffc616) */
.gallery.timeSection{
  position:relative;
}

.gallery.timeSection .underlineHaeding{
  margin-top:20px;
  margin-bottom:clamp(1.1rem,3vw,1.65rem);
  gap:clamp(0.65rem,2.5vw,1.1rem);
}

.gallery.timeSection .underlineHaeding.d-flex,
.gallery.timeSection .underlineHaeding{
  display:flex;
  align-items:center;
  justify-content:center;
}

.gallery.timeSection .underlineHaeding .underline{
  flex:1 1 0;
  min-width:1.5rem;
  max-width:min(32vw,200px);
  height:2px;
  border-radius:999px;
}

.gallery.timeSection .underlineHaeding .underline:first-of-type{
  background:linear-gradient(90deg,transparent 0%,rgba(21,94,239,0.12) 35%,rgba(21,94,239,0.75) 100%);
}

.gallery.timeSection .underlineHaeding .underline:last-of-type{
  background:linear-gradient(90deg,rgba(21,94,239,0.75) 0%,rgba(21,94,239,0.12) 65%,transparent 100%);
}

/*
 * Countdown hero — archive / generic (.lb-countdown-hero-title); live block uses h1.bar-title below.
 */
.gallery.timeSection .section-header .lb-countdown-hero-title,
.gallery.timeSection .lb-countdown-hero-title{
  margin:0;
  flex-shrink:0;
  max-width:min(96vw,24rem);
  box-sizing:border-box;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(0.8125rem,2.35vw,1.125rem);
  line-height:1.2;
  text-transform:none;
  color:var(--on-surface-readable);
  text-shadow:none;
  -webkit-font-smoothing:antialiased;
  font-synthesis:none;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1;
  letter-spacing:0.02em !important;
  word-spacing:normal !important;
}

/* Live countdown — “LEADERBOARD ENDS IN” bar layout (matches reference bar-title) */
#lb-countdown-section .lb-countdown-bar-header.section-header{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin-bottom:clamp(0.5rem,1.8vw,0.85rem);
}

#lb-countdown-section .section-header h1.bar-title,
#lb-countdown-section h1.bar-title,
#lb-countdown-section .section-header h2.bar-title,
#lb-countdown-section h2.bar-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(1rem,4vw,30px);
  margin:0;
  margin-top:0.25rem;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  line-height:1.2;
  color:var(--on-surface-readable);
  -webkit-font-smoothing:antialiased;
}

#lb-countdown-section .section-header h1.bar-title span,
#lb-countdown-section .section-header h2.bar-title span{
  flex-shrink:0;
  font-size:clamp(0.95rem,2.8vw,22px);
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:0.04em;
}

#lb-countdown-section .section-header h1.bar-title .bar,
#lb-countdown-section .section-header h2.bar-title .bar{
  flex:1 1 0;
  min-width:0;
  height:2px;
  border-radius:999px;
  /* Solid edge-to-edge — same tone along the whole flex segment (no gradient fade at ends) */
  background:rgba(21,94,239,0.9);
}

/*
 * Countdown icons: large soft fire (gradient text) + stopwatch layered on top,
 * tight to “LEADERBOARD ENDS IN”.
 */
.gallery.timeSection .lb-countdown-icons-stack.section-icon,
#lb-countdown-section .lb-countdown-icons-stack.section-icon{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:4.85rem;
  margin:0 auto 0.2rem;
  line-height:1;
}

.gallery.timeSection .lb-countdown-icons-stack.section-icon .special-icon,
#lb-countdown-section .lb-countdown-icons-stack.section-icon .special-icon{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  z-index:0;
  font-size:77px;
  line-height:1;
  color:transparent;
  background:linear-gradient(
    180deg,
    rgba(0,207,255,0.55) 0%,
    rgba(21,94,239,0.42) 45%,
    rgba(7,30,109,0.5) 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:none;
  text-shadow:none;
  pointer-events:none;
}

.gallery.timeSection .lb-countdown-icons-stack.section-icon .fa-stopwatch,
#lb-countdown-section .lb-countdown-icons-stack.section-icon .fa-stopwatch{
  position:relative;
  z-index:1;
  left:auto;
  top:12px;
  transform:none;
  font-size:24px;
  line-height:1;
  color:#00CFFF;
  -webkit-text-fill-color:#00CFFF;
  text-shadow:none;
  filter:none;
}

.gallery.timeSection .col-12{
  width:100%;
  max-width:52rem;
  margin-left:auto;
  margin-right:auto;
}

.gallery.timeSection .count-down{
  position:relative;
  width:100%;
  padding:clamp(0.2rem,1vw,0.5rem) 0;
}

.gallery.timeSection .count-down::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(100%,36rem);
  height:140%;
  background:radial-gradient(ellipse at center,rgba(21,94,239,0.1) 0%,transparent 68%);
  pointer-events:none;
  z-index:0;
}

.gallery.timeSection .count-down .container{
  position:relative;
  z-index:1;
  width:100%;
  max-width:48rem;
  margin:0 auto;
}

.gallery.timeSection .count-down .container-fluid{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.gallery.timeSection .count-down .row{
  display:flex;
  justify-content:center;
  width:100%;
}

.gallery.timeSection .count-down .row .countdown,
.gallery.timeSection .countdown.col-2{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:0.4rem;
  width:100%;
  flex:1 1 100%;
}

.gallery.timeSection .count-down .counter{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.2rem;
  min-width:2.85rem;
}

.gallery.timeSection .count-down .row .countdown span,
.gallery.timeSection .count-down .row .countdown .label{
  font-family:var(--secondary-font);
  line-height:16.93px;
  display:inline-block;
}

.gallery.timeSection .count-down .row .countdown span.lb-cd-digit,
.gallery.timeSection .lb-cd-digit,
.gallery.timeSection .count-down span.countdown-amount{
  color:#ffc616 !important;
  font-weight:800;
  font-size:18px;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  text-shadow:none;
}

.gallery.timeSection .count-down .row .countdown .label,
.gallery.timeSection .counter .label{
  font-weight:600;
  font-size:0.62rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.78);
}

@media (min-width:640px){
  .gallery.timeSection .counter .label{
    font-size:0.68rem;
  }
}

.gallery.timeSection .lastPara{
  margin-top:1.35rem;
}

.gallery.timeSection .lastPara p{
  margin:0;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:0.8125rem;
  color:rgba(255,255,255,0.48);
  letter-spacing:0.02em;
}

.gallery.timeSection .lastPara time,
.gallery.timeSection .lastPara time#end-date{
  margin-left:0.25rem;
  font-family:var(--secondary-font);
  font-weight:600;
  font-size:0.8125rem;
  line-height:1.35;
  color:rgba(255,255,255,0.72) !important;
}

/* --- YouTube latest uploads (includes/youtube-latest.php) --- */
.youtube-latest-section{
  background:none;
  border-radius:0;
  box-shadow:none;
}

.youtube-latest-title{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:900;
  font-size:clamp(1.75rem,4vw,2.5rem);
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:#fff;
  margin:0 0 0.5rem;
  text-shadow:none;
}

.youtube-latest-subtitle{
  text-align:center;
  color:rgba(255,255,255,0.55);
  font-size:0.95rem;
  margin:0 0 2rem;
}

.youtube-latest-empty{
  text-align:center;
  max-width:36rem;
  margin:0 auto 2rem;
  line-height:1.55;
  color:rgba(220,240,255,0.75);
}

.youtube-latest-code{
  font-size:0.85em;
  padding:0.1em 0.35em;
  border-radius:0.25rem;
  background:rgba(0,0,0,0.35);
  color:#c8e8ff;
}

.youtube-latest-section .videoContent{
  margin-bottom:1.75rem;
  flex-wrap:wrap;
}

/* /videos: 9 latest — 3 per row × 3 rows */
.youtube-latest-section .videoContent.videoContent--nine{
  display:grid !important;
  width:100%;
  max-width:72rem;
  margin-inline:auto;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem,2.5vw,1.5rem);
  margin-bottom:1.75rem;
}

@media (max-width:1023px){
  .youtube-latest-section .videoContent.videoContent--nine{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:639px){
  .youtube-latest-section .videoContent.videoContent--nine{
    grid-template-columns:1fr;
  }
}

.youtube-latest-section .videoContent--nine .youtube-latest-card{
  width:100% !important;
  max-width:none !important;
  min-width:0;
  flex:none !important;
}

.youtube-latest-section .justify-center{
  justify-content:center;
}

.youtube-latest-section .d-flex{
  display:flex;
  gap:clamp(1rem,3vw,1.5rem);
}

.youtube-latest-section .d-flex.align-center{
  align-items:center;
}

.youtube-latest-section .videoContent .youtube-latest-card{
  flex:1 1 17rem;
  max-width:22rem;
  min-width:0;
  display:block;
  text-decoration:none;
  color:inherit;
  padding:0.85rem;
  border-radius:0.85rem;
  background:linear-gradient(165deg,rgba(5,21,84,0.65) 0%,rgba(4,15,65,0.45) 100%);
  border:1px solid rgba(255,255,255,0.07);
  box-shadow:0 12px 40px rgba(0,0,0,0.35);
  transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;
}

.youtube-latest-section .videoContent .youtube-latest-card:hover{
  transform:translateY(-4px);
  border-color:rgba(21,94,239,0.25);
  box-shadow:0 16px 48px rgba(0,0,0,0.45),0 0 0 1px rgba(21,94,239,0.12);
}

.youtube-latest-section .imgBox{
  border-radius:0.75rem;
  overflow:hidden;
  margin-bottom:0.85rem;
  aspect-ratio:16/9;
  background:rgba(0,0,0,0.4);
}

.youtube-latest-section .imgBox img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  vertical-align:middle;
}

.youtube-latest-section .videoContent h3{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:700;
  font-size:1.05rem;
  line-height:1.35;
  color:#fff;
  text-align:left;
  margin:0;
}

.youtube-latest-showmore{
  display:flex;
  justify-content:center;
  margin-top:1.5rem;
}

.youtube-latest-btn-showmore{
  display:inline-block;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0.12em;
  padding:0.85rem 2.5rem;
  border-radius:0.5rem;
  background:#155EEF;
  color:#0a0a0a;
  text-decoration:none;
  border:none;
  cursor:pointer;
  box-shadow:none;
  transition:filter 0.2s ease,transform 0.2s ease;
}

.youtube-latest-btn-showmore:hover{
  filter:brightness(1.08);
  transform:translateY(-2px);
}

@media (max-width:639px){
  .youtube-latest-section .videoContent{
    flex-direction:column;
    align-items:center;
  }

  .youtube-latest-section .videoContent .youtube-latest-card{
    max-width:24rem;
    width:100%;
  }
}

/* --- Left sidebar: fixed ham+logo, toggling only the nav column --- */
.site-topbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  display:flex;
  align-items:center;
  min-height:3.6rem;
  padding:0.4rem 1rem 0.4rem 0.45rem;
  background:rgba(5,10,32,0.82);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.site-topbar__left{
  display:flex;
  align-items:center;
  gap:0.4rem;
}

.site-topbar__logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}

.site-header-logo{
  width:auto;
  height:42px;
  max-width:7.5rem;
  display:block;
  object-fit:contain;
  object-position:left center;
}

.site-rail-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  cursor:pointer;
  font-size:1.1rem;
  transition:background 0.2s ease;
}

.site-rail-toggle:hover{
  background:rgba(255,255,255,0.08);
}

.site-sidebar{
  position:fixed;
  top:3.6rem;
  left:0;
  bottom:0;
  z-index:95;
  width:var(--site-rail-collapsed);
  display:flex;
  flex-direction:column;
  padding:0.7rem 0.45rem 0.9rem;
  background:rgba(6,12,38,0.55);
  overflow:hidden;
  transition:width 0.28s cubic-bezier(0.22,1,0.36,1);
}

body.is-rail-expanded .site-sidebar,
.site-sidebar.is-expanded{
  width:var(--site-rail-width);
  padding:0.7rem 0.7rem 0.9rem;
}

.site-rail{
  display:flex;
  flex-direction:column;
  gap:0.55rem;
  min-width:0;
  max-width:100%;
}

.site-rail__panel{
  background:rgba(14,22,48,0.96);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:1.15rem;
  padding:0.4rem 0.35rem;
  box-shadow:0 10px 28px rgba(0,0,0,0.28);
}

.site-rail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0.12rem;
}

.site-rail__link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.7rem;
  min-height:2.45rem;
  padding:0.35rem 0.35rem;
  border-radius:0.75rem;
  text-decoration:none;
  color:rgba(190,204,235,0.7);
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:800;
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background 0.2s ease,color 0.2s ease;
}

body.is-rail-expanded .site-rail__link,
.site-sidebar.is-expanded .site-rail__link{
  justify-content:flex-start;
  padding:0.35rem 0.7rem 0.35rem 0.55rem;
}

.site-rail__icon{
  width:1.55rem;
  height:1.55rem;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0.9rem;
}

.site-rail__label,
.site-rail__badge{
  display:none;
}

body.is-rail-expanded .site-rail__label,
.site-sidebar.is-expanded .site-rail__label{
  display:block;
  flex:1;
}

body.is-rail-expanded .site-rail__badge,
.site-sidebar.is-expanded .site-rail__badge{
  display:inline-block;
}

.site-rail__badge{
  flex-shrink:0;
  padding:0.18rem 0.42rem;
  border-radius:0.38rem;
  background:#155EEF;
  color:#fff;
  font-size:0.6rem;
  font-weight:900;
  letter-spacing:0.04em;
  box-shadow:0 0 12px rgba(21,94,239,0.45);
}

.site-rail__link:hover{
  color:#fff;
  background:rgba(255,255,255,0.05);
}

.site-rail__link.is-active{
  color:#fff;
  background:rgba(255,255,255,0.06);
}

.site-rail__link.is-active::before{
  content:"";
  position:absolute;
  left:0.12rem;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:1.2rem;
  border-radius:99px;
  background:#fff;
}

.site-rail__cta{
  margin:0;
  padding:0;
  width:100%;
  min-width:0;
  overflow:hidden;
  display:flex;
  justify-content:center;
}

a.youtube-btn.youtube-btn--rail{
  width:2.55rem;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  min-height:2.55rem;
  height:2.55rem;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:0.85rem !important;
  padding:0 !important;
  font-size:0.72rem;
  letter-spacing:0.07em;
  gap:0 !important;
  line-height:1;
  overflow:hidden;
  white-space:nowrap;
  flex-shrink:0;
}

a.youtube-btn.youtube-btn--rail .fa-brands{
  margin:0;
  font-size:1.15rem;
  line-height:1;
  filter:none;
}

a.youtube-btn.youtube-btn--rail span{
  display:none !important;
}

.site-sidebar.is-expanded a.youtube-btn.youtube-btn--rail{
  width:100%;
  height:auto;
  min-height:2.55rem;
  gap:0.55rem !important;
  padding:0.7rem 0.85rem !important;
}

.site-sidebar.is-expanded a.youtube-btn.youtube-btn--rail span{
  display:inline !important;
}

.site-rail-backdrop{
  position:fixed;
  inset:0;
  z-index:90;
  background:rgba(2,8,32,0.55);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.28s ease;
}

.site-rail-backdrop.is-open{
  opacity:1;
  pointer-events:auto;
}

.site-shell{
  padding-top:3.6rem;
}

@media (min-width:900px){
  .site-shell > main,
  .site-shell > section.pre-footer,
  .site-shell > footer{
    padding-left:calc(var(--site-rail-collapsed) + 0.5rem);
  }

  body.is-rail-expanded .site-shell > main,
  body.is-rail-expanded .site-shell > section.pre-footer,
  body.is-rail-expanded .site-shell > footer{
    padding-left:calc(var(--site-rail-width) + 0.5rem);
  }

  .site-rail-backdrop{
    display:none !important;
  }
}

@media (max-width:899.98px){
  .site-sidebar{
    width:var(--site-rail-width);
    padding:0.7rem 0.7rem 0.9rem;
    transform:translateX(-110%);
    opacity:0;
    pointer-events:none;
    transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),opacity 0.2s ease;
  }

  .site-sidebar.is-expanded{
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
  }

  .site-sidebar.is-expanded .site-rail__label,
  .site-sidebar.is-expanded .site-rail__badge{
    display:block;
  }

  .site-sidebar.is-expanded .site-rail__badge{
    display:inline-block;
  }

  .site-rail__label{
    flex:1;
  }

  .site-rail__link{
    justify-content:flex-start;
    padding:0.35rem 0.7rem 0.35rem 0.55rem;
  }

  .site-sidebar.is-expanded a.youtube-btn.youtube-btn--rail{
    width:100%;
    height:auto;
    gap:0.55rem !important;
    padding:0.7rem 0.85rem !important;
  }

  .site-sidebar.is-expanded a.youtube-btn.youtube-btn--rail span{
    display:inline !important;
  }
}

a.kick-btn{
  box-sizing:border-box;
  margin:0;
  text-decoration:none;
  font-family:"Gabarito",serif;
  font-size:0.75rem;
  letter-spacing:0.04em;
  background-color:#53fc18;
  color:#000 !important;
  padding:8px 16px !important;
  border-radius:5px;
  font-weight:900;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:all 0.3s ease;
  box-shadow:0 0 10px rgba(83,252,24,0.35);
  line-height:1;
}

@media (min-width:640px){
  a.kick-btn{
    font-size:0.8125rem;
    padding:9px 18px !important;
  }
}

a.kick-btn:hover{
  filter:brightness(1.05);
  box-shadow:0 0 16px rgba(83,252,24,0.5);
  transform:translateY(-1px);
}

a.kick-btn:active{
  transform:translateY(0);
  filter:brightness(0.97);
}

a.kick-btn .fa-brands{
  font-size:1.1em;
  line-height:1;
}

a.kick-btn--overlay{
  width:100%;
  max-width:16rem;
  margin-top:0.75rem;
  justify-content:center;
  padding-top:12px !important;
  padding-bottom:12px !important;
}

a.youtube-btn{
  box-sizing:border-box;
  margin:0;
  text-decoration:none;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:0.8125rem;
  letter-spacing:0.07em;
  background:linear-gradient(145deg,#ff2d2d 0%,#e62117 42%,#b31217 100%);
  color:#fff !important;
  padding:10px 22px !important;
  border-radius:8px;
  font-weight:900;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:transform 0.25s ease,box-shadow 0.25s ease,filter 0.25s ease;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 0 0 1px rgba(0,0,0,0.12),
    0 4px 18px rgba(230,33,23,0.45),
    0 0 32px rgba(255,45,45,0.28);
  line-height:1;
  border:none;
}

@media (min-width:640px){
  a.youtube-btn{
    font-size:0.875rem;
    padding:11px 24px !important;
    border-radius:9px;
  }
}

a.youtube-btn:hover{
  filter:brightness(1.06) saturate(1.05);
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 28px rgba(230,33,23,0.55),
    0 0 40px rgba(255,45,45,0.38);
}

a.youtube-btn:active{
  transform:translateY(0);
  filter:brightness(0.96);
}

a.youtube-btn .fa-brands{
  font-size:1.2em;
  line-height:1;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}

a.youtube-btn--lg{
  font-size:0.875rem;
  padding:12px 26px !important;
  border-radius:10px;
  gap:12px;
}

@media (min-width:640px){
  a.youtube-btn--lg{
    font-size:0.9375rem;
    padding:14px 32px !important;
    letter-spacing:0.08em;
  }

  a.youtube-btn--lg .fa-brands{
    font-size:1.35em;
  }
}

a.youtube-btn--block{
  width:100%;
  max-width:18rem;
}

a.youtube-btn--header{
  font-size:0.75rem;
  letter-spacing:0.05em;
  padding:8px 16px !important;
  border-radius:6px;
  gap:8px;
  white-space:nowrap;
  flex-shrink:0;
}

@media (min-width:640px){
  a.youtube-btn--header{
    font-size:0.8125rem;
    padding:9px 18px !important;
    border-radius:7px;
  }
}

@media (min-width:1100px){
  a.youtube-btn--header{
    padding:10px 20px !important;
  }
}

a.youtube-btn--header .fa-brands{
  font-size:1.15em;
}

a.youtube-btn--overlay{
  width:100%;
  max-width:16rem;
  justify-content:center;
  padding-top:12px !important;
  padding-bottom:12px !important;
}

/* Rail YouTube must win over generic a.youtube-btn padding/gap. */
body:not(.is-rail-expanded) .site-sidebar:not(.is-expanded) a.youtube-btn.youtube-btn--rail,
.site-sidebar:not(.is-expanded) a.youtube-btn.youtube-btn--rail{
  width:2.55rem !important;
  max-width:100%;
  height:2.55rem !important;
  min-height:2.55rem !important;
  padding:0 !important;
  gap:0 !important;
  margin:0 auto;
  overflow:hidden !important;
}

body:not(.is-rail-expanded) .site-sidebar:not(.is-expanded) a.youtube-btn.youtube-btn--rail span,
.site-sidebar:not(.is-expanded) a.youtube-btn.youtube-btn--rail span{
  display:none !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
}

@media (max-width:479px){
  a.youtube-btn--header span{
    display:none;
  }

  a.youtube-btn--header{
    width:40px;
    height:40px;
    padding:0 !important;
    border-radius:8px;
  }

  a.youtube-btn--header .fa-brands{
    font-size:1.35em;
  }
}

/* --- מעל הפוטר (לא בתוך <footer>) + רקע רציף עם body --- */
.pre-footer{
  margin:0;
  padding:1.75rem 0 0;
  border:none;
  box-shadow:none;
  outline:none;
  background:transparent;
}

.pre-footer .responsible-gambling-message{
  text-align:center;
  max-width:36rem;
  margin:0 auto 1.25rem;
  font-family:"Gabarito",serif;
}

.pre-footer .responsible-gambling-message h3{
  color:#ffffff;
  font-size:18px;
  font-weight:600;
  margin:0 0 10px;
  font-family:"Gabarito",serif;
}

.pre-footer .responsible-gambling-message p{
  color:#d8e2f2;
  font-size:14px;
  line-height:20px;
  margin:0 0 8px;
  font-family:"Gabarito",serif;
}

.pre-footer .responsible-gambling-message p:last-child{
  margin-bottom:0;
}

.pre-footer .responsible-gambling-message a{
  color:#8ac4ff;
  text-decoration:none;
  font-weight:700;
  transition:color 0.2s ease;
}

.pre-footer .responsible-gambling-message a:hover{
  color:#b3dcff;
  text-decoration:underline;
}

/* --- Site footer — שקוף: רקע = אותו var(--red-color-bg-3) של body, בלי קו הפרדה --- */
footer.site-footer{
  position:relative;
  overflow:visible;
  padding:0 0 3.5rem;
  margin:0;
  border:none !important;
  box-shadow:none !important;
  outline:none;
  background:transparent;
  background-image:none;
}

main#content{
  border:none !important;
  border-bottom:none !important;
  box-shadow:none;
  background:transparent;
}

footer.site-footer .col-12,
footer.site-footer .footer-inner{
  width:100%;
}

footer.site-footer .footer-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
}

footer.site-footer .d-flex{
  display:flex;
  gap:20px;
}

footer.site-footer .align-center{
  align-items:center;
}

footer.site-footer .justify-center{
  justify-content:center;
}

footer.site-footer .justify-between{
  justify-content:space-between;
}

footer.site-footer p.center{
  font-size:12px;
  line-height:16px;
  color:var(--white-color);
  margin:0 0 18px;
  text-align:center;
  font-family:"Gabarito",serif;
}

footer.site-footer .center{
  text-align:center;
}

footer.site-footer .iconsFooter{
  flex-wrap:wrap;
  justify-content:center;
  margin:0 0 28px;
  width:100%;
  gap:10px;
}

footer.site-footer .iconsFooter a.red{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0.4rem;
  text-decoration:none;
  color:var(--text-color);
  font-family:"Gabarito",serif;
  transition:transform 0.2s ease,opacity 0.2s ease;
  min-width:3.25rem;
  padding:0 2px;
}

footer.site-footer .iconsFooter a.red:hover{
  transform:translateY(-2px);
  opacity:0.92;
}

footer.site-footer .iconsFooter a.red .fa-brands{
  font-size:1.5rem;
  line-height:1;
}

footer.site-footer .iconsFooter a.red p{
  margin:0;
  font-size:10px;
  line-height:1.2;
  letter-spacing:0.12em;
  font-weight:800;
  text-transform:uppercase;
  color:var(--text-color);
}

footer.site-footer .footerNavbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  max-width:660px;
  margin:36px auto;
  padding:24px 34px;
  border-radius:8px;
  box-sizing:border-box;
  background:#ffffff0a;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  box-shadow:0 10px 40px #00000024;
  flex-wrap:wrap;
  gap:12px 10px;
}

footer.site-footer .footerNavbar a{
  font-size:14px;
  line-height:20px;
  color:var(--white-color);
  text-decoration:none;
  font-family:"Gabarito",serif;
  font-weight:600;
  transition:color 0.2s ease;
  white-space:nowrap;
}

footer.site-footer .footerNavbar a:hover{
  color:var(--text-color);
}

footer.site-footer .footerLegalNav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 16px;
  width:100%;
  max-width:640px;
  margin:0 auto 8px;
}

footer.site-footer .footerLegalNav a{
  font-size:11px;
  line-height:16px;
  color:rgba(255,255,255,0.55);
  text-decoration:none;
  font-family:"Gabarito",serif;
  font-weight:600;
  letter-spacing:0.02em;
  transition:color 0.2s ease;
}

footer.site-footer .footerLegalNav a:hover{
  color:var(--text-color);
}

footer.site-footer p.mainPara{
  text-align:center;
  color:rgba(255,255,255,0.88) !important;
  font-size:12px;
  line-height:1.45;
  max-width:560px;
  margin:1.75rem auto 0;
  font-family:"Gabarito",serif;
}

@media (max-width:640px){
  footer.site-footer .footerNavbar{
    padding:20px 18px;
    justify-content:space-between;
    gap:10px 8px;
  }

  footer.site-footer .footerNavbar a{
    font-size:12px;
    line-height:18px;
    white-space:normal;
    text-align:center;
    flex:1 1 30%;
    min-width:5.5rem;
  }
}

/* —— Clash archive: inline panel under leaderboard (Clash tab) —— */
.lb-archive-panel[hidden]{
  display:none !important;
}

.lb-archive-panel:not([hidden]){
  display:block;
  padding-bottom:2.5rem;
}

.lb-archive-panel__head{
  max-width:40rem;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1.75rem;
}

.lb-archive-panel__title{
  margin:0;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(1.15rem,3.2vw,1.65rem);
  letter-spacing:0.12em;
  line-height:1.3;
  text-transform:uppercase;
  color:var(--white-color);
  text-shadow:0 0 20px rgba(21,94,239,0.32);
}

.lb-archive-panel__sub{
  margin:12px auto 0;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:clamp(0.95rem,2.2vw,1.05rem);
  line-height:1.55;
  color:rgba(220,240,255,0.62);
}

.lb-archive-panel__status.lb-archive-loading,
.lb-archive-panel__status.lb-archive-error,
.lb-archive-panel__status.lb-archive-empty{
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  font-size:1rem;
  padding:16px 20px;
  border-radius:14px;
  margin-bottom:20px;
  max-width:42rem;
  margin-left:auto;
  margin-right:auto;
}

.lb-archive-panel__status.lb-archive-loading{
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.88);
}

.lb-archive-panel__status.lb-archive-error{
  background:rgba(180,30,30,0.35);
  border:1px solid rgba(255,80,80,0.35);
  color:#fecaca;
}

.lb-archive-panel__status.lb-archive-empty{
  background:rgba(0,0,0,0.18);
  border:1px solid rgba(255,255,255,0.06);
  color:rgba(220,240,255,0.58);
}

.lb-archive-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(288px,1fr));
  gap:clamp(18px,3vw,26px);
}

/* Cards align visually with podium `.box` chrome */
.archive-card{
  box-sizing:border-box;
  margin-bottom:0;
  box-shadow:none;
  border-radius:15px !important;
  border:2px solid var(--red-color-bg-1) !important;
  background:rgba(0,0,0,0.19) !important;
  padding:2rem 1.5rem 1.75rem;
  text-align:center;
  transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease;
  position:relative;
  overflow:hidden;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.archive-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 0.35s ease;
  background:radial-gradient(100% 70% at 50% -10%,rgba(21,94,239,0.22),transparent 55%);
  pointer-events:none;
}

.archive-card:hover{
  transform:translateY(-4px);
  box-shadow:none;
}

.archive-card:hover::before{
  opacity:1;
}

.archive-date{
  position:relative;
  z-index:1;
  font-size:clamp(1.15rem,2.8vw,1.35rem);
  font-weight:700;
  color:var(--white-color);
  margin-bottom:1.35rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
  line-height:1.4;
}

.archive-card__badge{
  display:inline-block;
  margin-bottom:12px;
  padding:4px 12px;
  border-radius:999px;
  font-size:0.72rem;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#041660;
  background:linear-gradient(90deg,#ffc81f,#ff9f1a);
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
}

a.archive-btn,
button.archive-btn{
  position:relative;
  z-index:1;
  display:inline-block;
  padding:14px 34px;
  background:var(--primary-color,#155EEF);
  color:#fff !important;
  border-radius:50px;
  border:none;
  cursor:pointer;
  text-decoration:none !important;
  font-weight:800;
  font-size:1rem;
  transition:transform 0.2s ease,filter 0.2s ease,box-shadow 0.2s ease;
  box-shadow:0 4px 18px rgba(21,94,239,0.35);
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-family:"Gabarito","Space Grotesk",system-ui,sans-serif;
}

a.archive-btn:hover,
button.archive-btn:hover{
  filter:brightness(1.09);
  transform:translateY(-1px);
  box-shadow:0 8px 26px rgba(21,94,239,0.45);
}

/* Archived view — inherit live podium/table prize & wager sizing */

.lb-prev-leaderboard-page #customers tbody td,
.lb-prev-leaderboard-page #customers tbody th{
  font-size:1rem;
}

.lb-prev-leaderboard-page #customers .lb-customers-user-name{
  font-size:1rem;
}

@media (max-width:520px){
  .lb-archive-grid{
    grid-template-columns:1fr;
  }
}

/* --- Global rising particles: locked to visual viewport (bottom of current screen, not document) --- */
.site-float-particles{
  position:fixed;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100vh;
  height:100dvh;
  /* --site-particle-travel: distance to vertical center (px), from site-particles.js + visualViewport */
}

.site-float-particle{
  position:absolute;
  bottom:max(0px,env(safe-area-inset-bottom,0px));
  left:0;
  border-radius:50%;
  background:var(--site-particle-fill);
  box-shadow:0 0 5px 1.5px var(--site-particle-glow);
  transform:translate3d(0,0,0);
  opacity:0;
  /* One linear timeline: steady rise + opacity 0.88→0 so it fades slowly until mid-screen */
  animation-name:site-float-particle-rise;
  animation-duration:var(--site-particle-dur,12s);
  animation-timing-function:linear;
  animation-fill-mode:forwards;
  will-change:transform,opacity;
}

@keyframes site-float-particle-rise{
  0%{
    transform:translate3d(var(--site-particle-drift,0px),0,0);
    opacity:0;
  }
  2%{
    opacity:0.88;
  }
  100%{
    transform:translate3d(
      var(--site-particle-drift,0px),
      calc(-1 * var(--site-particle-travel,50vh)),
      0
    );
    opacity:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-float-particles{
    display:none !important;
  }
}

@media print{
  .site-float-particles{
    display:none !important;
  }
}

/* ─── Stake leaderboard panel ──────────────────────────────────────────────── */
.lb-stake-heading-gallery{
  background:radial-gradient(ellipse at 50% -10%,rgba(0,200,130,0.12) 0%,transparent 68%);
}

/* Stake logo in heading row — invert to white so it reads on dark bg */
.lb-stake-heading-logo{
  max-width:180px;
  height:auto;
  object-fit:contain;
  filter:brightness(0) invert(1);
  -webkit-filter:brightness(0) invert(1);
  margin-bottom:0.25rem;
}

/* Stake affiliate code button accent */
.lb-stake-code-btn{
  border-color:rgba(0,200,130,0.55) !important;
  color:#00c882 !important;
}
.lb-stake-code-btn:hover,
.lb-stake-code-btn:focus-visible{
  border-color:#00c882 !important;
  background:rgba(0,200,130,0.08) !important;
  box-shadow:0 0 18px rgba(0,200,130,0.25) !important;
}

/* Meta info row: "Updated at" + total players */
.lb-stake-meta-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.25rem;
  flex-wrap:wrap;
  margin-top:0.5rem;
  margin-bottom:0.25rem;
  font-size:0.72rem;
  letter-spacing:0.07em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.45);
  font-weight:600;
}
.lb-stake-meta-row span{
  white-space:nowrap;
}
.lb-stake-meta-row strong{
  color:rgba(255,255,255,0.75);
  font-weight:700;
}

/* ─── CSGOBIG leaderboard panel ────────────────────────────────────────────── */
.lb-csgobig-heading-gallery{
  background:none;
}

.lb-csgobig-heading-gallery .headingIcons{
  filter:none !important;
  box-shadow:none !important;
  isolation:auto;
  gap:0.75rem;
}

#lb-csgobig-hero-title,
.lb-csgobig-heading-gallery.gallery .headingIcons h1,
.lb-csgobig-heading-gallery.gallery .headingIcons h2,
.lb-csgobig-heading-gallery.gallery .headingIcons h1.lb-clash-hero-title,
.lb-csgobig-heading-gallery.gallery .headingIcons h2.lb-clash-hero-title{
  font-size:2rem;
  line-height:1.12;
  letter-spacing:0.02em;
  color:#fff !important;
  background:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  -webkit-text-stroke:0 !important;
  paint-order:normal;
}

#lb-csgobig-hero-title::before,
#lb-csgobig-hero-title::after{
  content:none !important;
  display:none !important;
}

.lb-csgobig-heading-gallery.gallery #lb-csgobig-code-name{
  color:#fff;
  font-weight:800;
  letter-spacing:0.06em;
}

.lb-csgobig-code-btn{
  border-color:rgba(255,170,0,0.55) !important;
  color:#ffbb33 !important;
}
.lb-csgobig-code-btn:hover,
.lb-csgobig-code-btn:focus-visible{
  border-color:#ffbb33 !important;
  background:rgba(255,170,0,0.08) !important;
  box-shadow:0 0 18px rgba(255,170,0,0.22) !important;
}
.lb-csgobig-coin{
  object-fit:contain;
}
.lb-csgobig-coin--podium-wager{
  width:28px;
  height:28px;
}
.lb-csgobig-coin--table-wager{
  width:18px;
  height:18px;
}
.lb-csgobig-coin--podium-prize,
.lb-csgobig-coin--table-prize{
  object-fit:contain;
}
.lb-csgobig-coin--table-prize{
  width:24px;
  height:24px;
}

/* ─── Juice leaderboard panel ──────────────────────────────────────────────── */
.lb-juice-heading-gallery{
  background:radial-gradient(ellipse at 50% -10%,rgba(120,220,80,0.14) 0%,transparent 68%);
}

.lb-juice-heading-gallery.gallery .headingIcons h1,
.lb-juice-heading-gallery.gallery .headingIcons h2,
.lb-juice-heading-gallery.gallery .headingIcons h1.lb-clash-hero-title,
.lb-juice-heading-gallery.gallery .headingIcons h2.lb-clash-hero-title{
  font-size:clamp(1.75rem,5vw,2.5rem);
  line-height:1.1;
}

.lb-juice-heading-gallery.gallery #lb-juice-code-name{
  color:#fff;
  font-weight:800;
  letter-spacing:0.06em;
}

.lb-juice-last-updated{
  font-size:0.75rem;
  opacity:0.6;
  letter-spacing:0.04em;
  margin-top:0.15rem;
}

.lb-juice-code-btn{
  border-color:rgba(120,220,80,0.55) !important;
  color:#8be05a !important;
}
.lb-juice-code-btn:hover,
.lb-juice-code-btn:focus-visible{
  border-color:#8be05a !important;
  background:rgba(120,220,80,0.08) !important;
  box-shadow:0 0 18px rgba(120,220,80,0.22) !important;
}
.lb-juice-coin{
  object-fit:contain;
}
.lb-juice-coin--podium-wager{
  width:28px;
  height:28px;
}
.lb-juice-coin--table-wager{
  width:18px;
  height:18px;
}
.lb-juice-coin--podium-prize,
.lb-juice-coin--table-prize{
  object-fit:contain;
}
.lb-juice-coin--table-prize{
  width:24px;
  height:24px;
}


/* Generic placeholder logo box - shown when SITE_MAIN_HERO_IMAGE is empty (no brand image configured yet). */
.template-logo-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.6rem;
  border-radius: 0.4rem;
  border: 1px dashed rgba(255, 255, 255, 0.35);
  font-family: "Gabarito", serif;
  font-weight: 900;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  line-height: 1.1;
}


.template-logo-placeholder--hero {
  min-width: 8rem;
  height: 8rem;
  font-size: 1.1rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}