/* Lucky Babes Packs owner styles. One real shop shell, no legacy pack overlays. */
#alyLuckyPacksShell,
#lb417PacksShell{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.lb501-packs-open #lbAppTopbar,
body.lb501-packs-open #lbBottomNav,
body.lb501-packs-open #lbCurrentTopbar,
body.lb501-packs-open #lbCurrentBottomNav,
body.lb501-packs-open #lbCurrentBalancePop,
body:has(#lb501PacksShell.show) #lbAppTopbar,
body:has(#lb501PacksShell.show) #lbBottomNav,
body:has(#lb501PacksShell.show) #lbCurrentTopbar,
body:has(#lb501PacksShell.show) #lbCurrentBottomNav,
body:has(#lb501PacksShell.show) #lbCurrentBalancePop{
  display:none!important;
}

#lb501PacksShell{
  --lb-pack-bg:#050009;
  --lb-pack-panel:#160722;
  --lb-pack-panel-2:#231036;
  --lb-pack-line:rgba(255,255,255,.13);
  --lb-pack-pink:#f356b9;
  --lb-pack-pink-2:#db218f;
  --lb-pack-purple:#6d35f4;
  --lb-pack-gold:#ffd66e;
  --lb-pack-text:#fff7ff;
  --lb-pack-muted:rgba(255,255,255,.68);
  position:fixed!important;
  inset:0!important;
  z-index:2147483400!important;
  display:none!important;
  flex-direction:column!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  color:var(--lb-pack-text)!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(243,86,185,.22),transparent 36%),
    radial-gradient(circle at 108% 24%,rgba(109,53,244,.22),transparent 34%),
    linear-gradient(180deg,#12041f 0%,#07010f 54%,#030005 100%)!important;
  font-family:Inter,Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

#lb501PacksShell.show{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

@media(min-width:720px){
  #lb501PacksShell{
    max-width:480px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
  }
}

.lb501-pack-top{
  height:calc(58px + env(safe-area-inset-top,0px))!important;
  padding:calc(7px + env(safe-area-inset-top,0px)) 9px 7px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  background:rgba(8,2,18,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.42)!important;
}

.lb501-pack-lobby{
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.lb501-pack-lobby img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 12px rgba(243,86,185,.30))!important;
}

.lb501-pack-title{
  min-width:0!important;
  color:#ff9bdc!important;
  font:1000 13px/1 Poppins,Nunito,system-ui!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.lb501-shop-button{
  min-height:38px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  padding:9px 11px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
  font:1000 11px/1 Nunito,system-ui!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.lb501-pack-balance,
.lb501-shop-balance-mini{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border-radius:15px!important;
  padding:8px 10px!important;
  color:#fff!important;
  font:1000 13px/1 Nunito,system-ui!important;
}

.lb501-pack-balance img,
.lb501-shop-balance-mini img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}

.lb501-pack-shop{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  display:block!important;
  padding:12px 12px calc(20px + env(safe-area-inset-bottom,0px))!important;
  -webkit-overflow-scrolling:touch!important;
}

#lb501PacksShell.playing .lb501-pack-shop{
  display:none!important;
}

.lb501-shop-hero{
  position:relative!important;
  min-height:94px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(255,214,110,.18),transparent 35%),
    radial-gradient(circle at 5% 0%,rgba(243,86,185,.24),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.lb501-shop-hero::after{
  content:""!important;
  position:absolute!important;
  inset:auto -28px -46px 35%!important;
  height:96px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(243,86,185,.25),rgba(109,53,244,.18),transparent)!important;
  transform:rotate(-8deg)!important;
  pointer-events:none!important;
}

.lb501-kicker{
  display:block!important;
  margin-bottom:7px!important;
  color:#ff9bdc!important;
  font:1000 10px/1 Poppins,Nunito,system-ui!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}

.lb501-shop-hero b{
  display:block!important;
  color:#fff!important;
  font:1000 27px/.9 Poppins,Nunito,system-ui!important;
  letter-spacing:-.035em!important;
  text-shadow:0 0 18px rgba(243,86,185,.35)!important;
}

.lb501-shop-hero small{
  display:block!important;
  max-width:240px!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.76)!important;
  font:850 11px/1.22 Nunito,system-ui!important;
}

.lb501-shop-balance-mini{
  position:relative!important;
  z-index:1!important;
}

.lb501-owned-strip{
  display:flex!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 1px 10px!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}

.lb501-owned-strip::-webkit-scrollbar{
  display:none!important;
}

.lb501-owned-strip button{
  flex:0 0 auto!important;
  min-width:142px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(243,86,185,.15),rgba(255,255,255,.055))!important;
  text-align:left!important;
  scroll-snap-align:start!important;
}

.lb501-owned-strip img{
  width:32px!important;
  height:32px!important;
  object-fit:contain!important;
}

.lb501-owned-strip span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font:950 11px/1.05 Nunito,system-ui!important;
}

.lb501-owned-strip b{
  color:#ff9bdc!important;
  font:1000 12px/1 Nunito,system-ui!important;
}

.lb501-owned-empty{
  width:100%!important;
  padding:10px 12px!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  border-radius:17px!important;
  color:rgba(255,255,255,.68)!important;
  background:rgba(255,255,255,.052)!important;
  text-align:center!important;
  font:850 11px/1.2 Nunito,system-ui!important;
}

.lb501-featured-pack{
  position:relative!important;
  display:grid!important;
  grid-template-columns:108px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:10px!important;
  margin:0 0 11px!important;
  padding:10px!important;
  border:1px solid rgba(255,77,184,.30)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 22% 18%,rgba(243,86,185,.30),transparent 34%),
    radial-gradient(circle at 92% 4%,rgba(255,214,110,.15),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(13,3,24,.86))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.lb501-featured-pack::after{
  content:""!important;
  position:absolute!important;
  inset:auto -42px -56px 24%!important;
  height:116px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(243,86,185,.24),rgba(109,53,244,.20),transparent)!important;
  transform:rotate(-7deg)!important;
  pointer-events:none!important;
}

.lb501-featured-art{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  z-index:1!important;
  min-height:152px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,77,184,.22),rgba(255,255,255,.055) 62%,rgba(0,0,0,.18))!important;
}

.lb501-featured-art img{
  width:86px!important;
  height:116px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(243,86,185,.22))!important;
}

.lb501-featured-art span{
  position:absolute!important;
  left:9px!important;
  right:9px!important;
  bottom:8px!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(0,0,0,.48)!important;
  color:#ffd7f3!important;
  text-align:center!important;
  font:1000 9px/1 Nunito,system-ui!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.lb501-featured-copy{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  padding:3px 0 0!important;
}

.lb501-featured-copy b{
  display:block!important;
  color:#fff!important;
  font:1000 23px/.95 Poppins,Nunito,system-ui!important;
  letter-spacing:0!important;
  word-spacing:.08em!important;
}

.lb501-featured-copy p{
  margin:8px 0 9px!important;
  color:rgba(255,255,255,.74)!important;
  font:850 12px/1.25 Nunito,system-ui!important;
}

.lb501-featured-copy em{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:7px 9px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  color:#ffd7f3!important;
  font:1000 10px/1 Nunito,system-ui!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
}

.lb501-featured-controls{
  position:relative!important;
  z-index:1!important;
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:8px!important;
  align-self:end!important;
}

.lb501-featured-controls:has(.open){
  grid-template-columns:78px minmax(0,1fr)!important;
}

.lb501-featured-controls:has(.open) .open{
  grid-column:1 / -1!important;
}

.lb501-pack-odds{
  position:relative!important;
  z-index:1!important;
  grid-column:1 / -1!important;
  display:grid!important;
  gap:7px!important;
  padding-top:2px!important;
}

.lb501-odds-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 2px!important;
  color:rgba(255,255,255,.74)!important;
  font:1000 9px/1 Nunito,system-ui!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.lb501-odds-head b{
  color:#ff9bdc!important;
  font:1000 9px/1 Nunito,system-ui!important;
}

.lb501-odds-list{
  display:grid!important;
  gap:6px!important;
  max-height:224px!important;
  overflow:auto!important;
  padding-right:2px!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}

.lb501-odd-row{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}

.lb501-odd-row img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.36))!important;
}

.lb501-odd-row span{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

.lb501-odd-row span b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:1000 12px/1 Nunito,system-ui!important;
}

.lb501-odd-row span em{
  color:rgba(255,255,255,.62)!important;
  font:1000 8px/1 Nunito,system-ui!important;
  font-style:normal!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

.lb501-odd-row strong{
  min-width:54px!important;
  padding:7px 8px!important;
  border-radius:999px!important;
  text-align:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.30)!important;
  font:1000 11px/1 Nunito,system-ui!important;
}

.lb501-odd-row.rarity-gold{
  border-color:rgba(255,214,110,.52)!important;
  background:linear-gradient(180deg,rgba(255,214,110,.20),rgba(255,214,110,.055))!important;
}

.lb501-odd-row.rarity-gold strong,
.lb501-odd-row.rarity-gold span em{
  color:#ffe394!important;
}

.lb501-odd-row.rarity-red{
  border-color:rgba(255,91,131,.46)!important;
  background:linear-gradient(180deg,rgba(255,91,131,.18),rgba(255,91,131,.045))!important;
}

.lb501-odd-row.rarity-red strong,
.lb501-odd-row.rarity-red span em{
  color:#ff9bb4!important;
}

.lb501-odd-row.rarity-purple{
  border-color:rgba(180,105,255,.48)!important;
  background:linear-gradient(180deg,rgba(180,105,255,.18),rgba(180,105,255,.045))!important;
}

.lb501-odd-row.rarity-purple strong,
.lb501-odd-row.rarity-purple span em{
  color:#d7adff!important;
}

.lb501-odd-row.rarity-blue{
  border-color:rgba(72,202,255,.45)!important;
  background:linear-gradient(180deg,rgba(72,202,255,.16),rgba(72,202,255,.04))!important;
}

.lb501-odd-row.rarity-blue strong,
.lb501-odd-row.rarity-blue span em{
  color:#8ee2ff!important;
}

.lb501-odd-row.rarity-grey strong,
.lb501-odd-row.rarity-grey span em{
  color:rgba(255,255,255,.70)!important;
}

.lb501-odds-empty{
  padding:12px!important;
  border:1px dashed rgba(255,255,255,.15)!important;
  border-radius:15px!important;
  color:rgba(255,255,255,.66)!important;
  background:rgba(255,255,255,.045)!important;
  text-align:center!important;
  font:900 11px/1.2 Nunito,system-ui!important;
}

.lb501-shop-tools{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:8px 0 10px!important;
  background:linear-gradient(180deg,#090214 76%,rgba(9,2,20,0))!important;
}

.lb501-sort-chip{
  min-height:32px!important;
  padding:8px 5px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.065)!important;
  font:1000 10px/1 Nunito,system-ui!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

.lb501-sort-chip.active{
  color:#fff!important;
  background:linear-gradient(180deg,#f968c3 0%,#db218f 68%,#a90d68 100%)!important;
  box-shadow:0 0 18px rgba(243,86,185,.24)!important;
}

.lb501-shop-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding-bottom:20px!important;
}

.lb501-pack-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  min-height:154px!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 6%,rgba(243,86,185,.22),transparent 36%),
    radial-gradient(circle at 92% 88%,rgba(109,53,244,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.lb501-pack-card.active{
  border-color:rgba(243,86,185,.68)!important;
  box-shadow:0 0 0 1px rgba(243,86,185,.22),0 0 24px rgba(243,86,185,.15),0 14px 34px rgba(0,0,0,.28)!important;
}

.lb501-pack-card.owned{
  background:
    radial-gradient(circle at 8% 8%,rgba(243,86,185,.22),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04))!important;
}

.lb501-pack-art{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:88px!important;
  min-height:88px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(243,86,185,.26),rgba(255,255,255,.05) 58%,rgba(0,0,0,.16))!important;
}

.lb501-pack-art::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 45%,rgba(243,86,185,.10))!important;
  pointer-events:none!important;
}

.lb501-pack-art img{
  position:relative!important;
  z-index:1!important;
  width:76px!important;
  height:76px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 15px 18px rgba(0,0,0,.36)) drop-shadow(0 0 14px rgba(243,86,185,.18))!important;
}

.lb501-pack-info{
  min-width:0!important;
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  overflow:hidden!important;
}

.lb501-pack-name-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}

.lb501-pack-name-row b{
  min-width:0!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:#fff!important;
  font:1000 13px/1.05 Poppins,Nunito,system-ui!important;
  letter-spacing:0!important;
  word-spacing:.04em!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.lb501-pack-name-row em{
  flex:0 0 auto!important;
  padding:4px 6px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  color:#ffd7f3!important;
  background:rgba(243,86,185,.15)!important;
  font:1000 10px/1 Nunito,system-ui!important;
  font-style:normal!important;
}

.lb501-pack-info p{
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#fff7ff!important;
  font:1000 13px/1 Nunito,system-ui!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.lb501-pack-info p img{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  object-fit:contain!important;
}

.lb501-pack-info>span{
  width:max-content!important;
  max-width:100%!important;
  padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.30)!important;
  color:#ffd7f3!important;
  font:1000 8px/1 Nunito,system-ui!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.lb501-pack-actions{
  grid-column:2!important;
  grid-row:2!important;
  align-self:end!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
}

.lb501-pack-card.owned .lb501-pack-actions{
  grid-template-columns:76px minmax(0,1fr) minmax(0,.92fr)!important;
}

.lb501-qty-stepper{
  min-width:0!important;
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:2px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.lb501-qty-stepper button{
  min-width:0!important;
  min-height:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  font:1000 18px/1 Nunito,system-ui!important;
}

.lb501-qty-stepper button:disabled{
  opacity:.35!important;
}

.lb501-qty-stepper b{
  display:block!important;
  color:#fff!important;
  text-align:center!important;
  font:1000 14px/1 Nunito,system-ui!important;
}

.lb501-pack-actions button,
.lb501-featured-controls>button{
  min-width:0!important;
  min-height:44px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:8px 6px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 20px rgba(0,0,0,.20)!important;
}

.lb501-pack-actions button:disabled,
.lb501-featured-controls>button:disabled{
  opacity:.46!important;
  filter:saturate(.55)!important;
}

.lb501-pack-actions button small,
.lb501-featured-controls>button small{
  display:block!important;
  opacity:.88!important;
  color:inherit!important;
  font:1000 8px/1 Nunito,system-ui!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

.lb501-pack-actions button b,
.lb501-featured-controls>button b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:inherit!important;
  font:1000 14px/1 Nunito,system-ui!important;
}

.lb501-pack-actions button b img,
.lb501-featured-controls>button b img{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  object-fit:contain!important;
}

.lb501-pack-actions button.buy,
.lb501-featured-controls>button.buy{
  background:linear-gradient(180deg,#f356b9 0%,#db218f 58%,#a90d68 100%)!important;
}

.lb501-pack-actions button.open,
.lb501-featured-controls>button.open{
  color:#2a1200!important;
  background:linear-gradient(180deg,#ffe082 0%,#d89a18 62%,#9a5d00 100%)!important;
}

.lb501-featured-controls>button.open{
  min-height:44px!important;
}

.lb501-pack-stage{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  display:none!important;
  overflow:hidden!important;
  background:#050109!important;
}

#lb501PacksShell.playing .lb501-pack-stage{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

#lb501PacksFrame{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  border:0!important;
  background:#07020d!important;
}

.lb501-pack-loading{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:grid;
  place-items:center!important;
  pointer-events:none!important;
  color:rgba(255,255,255,.74)!important;
  background:#050109!important;
  font:1000 13px/1 Nunito,system-ui!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.lb501-pack-loading:before{
  content:"";
  width:62px;
  height:62px;
  border-radius:22px;
  margin-bottom:12px;
  background:url('assets/lb-brand-current/lucky-chips.png') center/contain no-repeat;
  filter:drop-shadow(0 0 18px rgba(255,77,184,.45));
  animation:lb501LoadingChip 900ms ease-in-out infinite alternate;
}

.lb501-pack-loading:after{
  content:"Preparing pack opener";
  position:absolute;
  left:50%;
  top:calc(50% + 48px);
  transform:translateX(-50%);
  width:max-content;
  max-width:82%;
  color:rgba(255,255,255,.52);
  font:900 11px/1 Nunito,system-ui;
  letter-spacing:.04em;
  text-transform:none;
}

@keyframes lb501LoadingChip{
  from{transform:translateY(0) scale(.98);opacity:.82}
  to{transform:translateY(-6px) scale(1.04);opacity:1}
}

.lb501-pack-loading[style*="display: none"]{
  display:none!important;
}

body.lb501-packs-open #casinoGamesHome,
body.lb501-packs-open #alyLuckyPacksShell{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:390px){
  .lb501-pack-shop{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .lb501-shop-hero{
    min-height:92px!important;
    padding:14px!important;
  }
  .lb501-shop-hero b{
    font-size:27px!important;
  }
  .lb501-featured-pack{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
  }
  .lb501-featured-art{
    min-height:150px!important;
  }
  .lb501-featured-art img{
    width:84px!important;
    height:114px!important;
  }
  .lb501-featured-copy b{
    font-size:22px!important;
  }
  .lb501-shop-grid{
    gap:8px!important;
  }
  .lb501-pack-card{
    grid-template-columns:74px minmax(0,1fr)!important;
    min-height:118px!important;
    padding:8px!important;
  }
  .lb501-pack-art{
    width:74px!important;
    height:102px!important;
    min-height:102px!important;
  }
  .lb501-pack-art img{
    width:62px!important;
    height:82px!important;
  }
  .lb501-pack-name-row b{
    font-size:13px!important;
  }
  .lb501-pack-info p{
    font-size:12px!important;
  }
}