.sticky-bar {
  --casino-cta-font-size: var(--text-lg);
  --casino-cta-min-width: 7.1rem;
  --casino-cta-min-height: 52px;
  --casino-cta-radius: 0.8rem;
  --casino-cta-padding-y: 0.58rem;
  --casino-cta-padding-x-start: 0.9rem;
  --casino-cta-padding-x-end: 0.75rem;
  --casino-cta-gap-inline: 0.4rem;
  --casino-cta-icon-size: 0.9rem;
  --casino-cta-translate-rest: 0;
  --casino-cta-translate-hover: var(--haptic-lift-subtle);
  --casino-accent-deep: var(--color-cta-primary-deep);
  --casino-accent-bright: var(--color-cta-primary-bright);
  --casino-button-shadow: 0 4px 10px var(--color-cta-shadow-neutral);
  --casino-button-shadow-hover: 0 6px 14px var(--color-cta-shadow-neutral-hover);
  --haptic-scale-press: 0.96;
  --haptic-lift-subtle: -1px;
  --haptic-press-y: 1px;
  --haptic-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --haptic-spring-press: cubic-bezier(0.2, 0.9, 0.3, 1.35);
  --haptic-duration-fast: 0.16s;
  --z-base: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: calc(var(--z-sticky) - 10);
  display: none;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;

  @media (max-width: 767px) {
    display: block;
  }
}
.sticky-bar.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}
.sticky-bar__inner {
  gap: var(--space-2xl);
  padding: var(--space-xl) var(--space-xl-plus);
  padding-bottom: calc(var(--space-xl) + env(safe-area-inset-bottom));
  background: var(--color-surface-glass-strong);
  -webkit-backdrop-filter: var(--glass-blur-medium);
  backdrop-filter: var(--glass-blur-medium);
  border-top: 1px solid var(--color-border-dark-soft);
  box-shadow: 0 -4px 20px var(--color-shadow-soft-alt);
}
.sticky-bar__brand {
  gap: var(--space-2xl-plus);
  min-width: 0;
  flex: 1 1 auto;
}
.sticky-bar__logo-link {
  display: inline-flex;
  flex: 0 0 auto;
  text-decoration: none;
}
.sticky-bar__logo {
  width: 104px;
  height: 52px;
  object-fit: contain;
  border-radius: 6px;
  border: 1px solid var(--color-border-dark-subtle);
}
.sticky-bar__text {
  height: 52px;
  min-width: 0;
  transform: translateY(-2px);
}
.sticky-bar__label {
  font-size: var(--text-2xs);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: var(--color-casino-accent-bright);
}
.sticky-bar__bonus {
  font-size: var(--text-5xl);
  font-weight: 700;
  line-height: 1.15;
  color: var(--charcoal);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticky-bar__cta {
  flex: 0 0 auto;
  margin: var(--space-0);
  min-height: 52px;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .sticky-bar {
    transition: none;
  }
}