@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

/* Homepage visual pass — match BlockBet game pages */
body.lobby-app{
  --home-bg:#11191d;
  --home-panel:#202728;
  --home-panel-2:#1c2928;
  --home-panel-3:#152023;
  --home-border:#35433b;
  --home-border-soft:#2b3933;
  --home-green:#40c782;
  --home-green-bright:#6ae2a8;
  --home-muted:#93a39a;
  --home-text:#f4f8f5;
  background:
    radial-gradient(circle at 55% -20%,rgba(64,199,130,.08),transparent 36%),
    #11191d!important;
  color:var(--home-text)!important;
  font-family:'DM Sans',Inter,ui-sans-serif,system-ui,sans-serif!important;
}

body.lobby-app .lobby-main{background:transparent!important}

body.lobby-app .lobby-header{
  height:72px!important;
  padding:0 22px!important;
  gap:18px!important;
  background:#202628!important;
  border-bottom:1px solid #354039!important;
  box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}

body.lobby-app .lobby-brand{
  gap:10px!important;
  color:#6ae2a8!important;
  font-size:20px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
}
body.lobby-app .lobby-brand img{width:27px!important;height:27px!important}

body.lobby-app .lobby-header nav{
  gap:4px!important;
  align-items:center!important;
}
body.lobby-app .lobby-header nav a{
  height:38px!important;
  padding:0 13px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  color:#adbbb2!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.lobby-app .lobby-header nav a:hover,
body.lobby-app .lobby-header nav a[aria-current]{
  color:#eaf7ef!important;
  background:#26312d!important;
  border-color:#3c4c44!important;
}

body.lobby-app .lobby-actions{gap:8px!important;align-items:center!important}
body.lobby-app .lobby-actions>a,
body.lobby-app .lobby-actions>button{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:6px!important;
  border:1px solid #3a4a43!important;
  background:#182321!important;
  color:#dbe8df!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.lobby-app .lobby-actions .primary{
  background:#40c782!important;
  border-color:#40c782!important;
  color:#082c18!important;
}
body.lobby-app .lobby-actions .primary:hover{background:#59d593!important}
body.lobby-app .top-daily-spin{
  background:#23382e!important;
  border-color:#3b6650!important;
}
body.lobby-app .header-wallet{
  background:#161f1d!important;
  border-color:#31423a!important;
}
body.lobby-app .header-profile img{border-radius:5px!important}

body.lobby-app .lobby-content{
  max-width:1480px!important;
  padding:24px 24px 40px!important;
}

body.lobby-app .page-title{
  min-height:48px!important;
  margin:0 0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
body.lobby-app .page-title h1{
  margin:0!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
body.lobby-app .fair-link{
  padding:8px 11px!important;
  border:1px solid #35433b!important;
  border-radius:6px!important;
  background:#182220!important;
  color:#9fb1a6!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.lobby-app .fair-link:hover{color:#d9f5e5!important;border-color:#4a6556!important}

body.lobby-app .welcome-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(210px,.72fr) minmax(210px,.72fr)!important;
  gap:10px!important;
  margin-bottom:10px!important;
}

body.lobby-app .welcome-hero,
body.lobby-app .spotlight{
  position:relative!important;
  overflow:hidden!important;
  min-height:215px!important;
  border:1px solid #35433b!important;
  border-radius:8px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}

body.lobby-app .welcome-hero{
  background:
    radial-gradient(circle at 78% 45%,rgba(64,199,130,.22),transparent 27%),
    linear-gradient(115deg,#263b32 0%,#202c28 52%,#17211f 100%)!important;
}

body.lobby-app .welcome-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,rgba(255,255,255,.03),transparent 35%)!important;
}

body.lobby-app .welcome-copy{
  position:relative!important;
  z-index:2!important;
  padding:26px!important;
}
body.lobby-app .welcome-copy h2{
  margin:0 0 7px!important;
  font-size:31px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
body.lobby-app .welcome-copy p{
  margin:0!important;
  color:#9fb0a5!important;
  font-size:12px!important;
}
body.lobby-app .hero-actions{margin-top:24px!important;gap:8px!important}
body.lobby-app .hero-actions a{
  min-height:39px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:6px!important;
  border:1px solid #3a4a43!important;
  background:#192320!important;
  color:#dceae1!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.lobby-app .hero-actions .primary{
  color:#082c18!important;
  background:#40c782!important;
  border-color:#40c782!important;
}
body.lobby-app .discord-signin{background:#292e49!important;border-color:#454c74!important}

body.lobby-app .hero-treasure{
  right:25px!important;
  top:50%!important;
  transform:translateY(-56%)!important;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.5))!important;
}
body.lobby-app .referral-ribbon{
  z-index:3!important;
  height:34px!important;
  padding:0 14px!important;
  border-top:1px solid rgba(119,234,176,.22)!important;
  background:rgba(64,199,130,.18)!important;
  color:#c9f6dd!important;
  font-size:10px!important;
}

body.lobby-app .spotlight{
  background:#202728!important;
  padding:18px!important;
}
body.lobby-app .referral-feature{
  background:
    radial-gradient(circle at 62% 34%,rgba(64,199,130,.15),transparent 34%),
    #202728!important;
}
body.lobby-app .discord-feature{
  background:
    radial-gradient(circle at 62% 34%,rgba(116,102,214,.18),transparent 34%),
    #202329!important;
}
body.lobby-app .card-tag{
  top:14px!important;
  left:14px!important;
  padding:5px 7px!important;
  border-radius:4px!important;
  background:#40c782!important;
  color:#082c18!important;
  font-size:8px!important;
  font-weight:800!important;
}
body.lobby-app .card-tag.purple{background:#7069e8!important;color:#fff!important}
body.lobby-app .spotlight h2{
  margin:0!important;
  color:#f4f8f5!important;
  font-size:25px!important;
  letter-spacing:-.04em!important;
}
body.lobby-app .spotlight p{color:#93a39a!important;font-size:10px!important}
body.lobby-app .card-arrow{color:#6ae2a8!important}

body.lobby-app .home-account-strip{
  min-height:58px!important;
  margin:0 0 20px!important;
  padding:9px 12px!important;
  border:1px solid #35433b!important;
  border-radius:8px!important;
  background:#1b2523!important;
  box-shadow:none!important;
}
body.lobby-app .mini-profile img{border-radius:6px!important}
body.lobby-app .mini-profile strong{color:#eef8f2!important}
body.lobby-app .mini-profile small,
body.lobby-app .mini-balance small{color:#7f9487!important}
body.lobby-app .mini-balance{border-left:1px solid #34453d!important}
body.lobby-app .mini-balance strong{color:#6ae2a8!important}
body.lobby-app .home-account-strip>a,
body.lobby-app .home-account-strip>button{
  color:#c2d4c8!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.lobby-app .games-heading{
  margin:0 0 10px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #2b3933!important;
}
body.lobby-app .games-heading h2{
  margin:0!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
body.lobby-app .games-heading span{
  color:#6f8678!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}

body.lobby-app .games-and-rewards{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 215px!important;
  gap:12px!important;
  align-items:start!important;
}
body.lobby-app .game-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body.lobby-app .game-card{
  border-radius:8px!important;
  border:1px solid #35433b!important;
  background:#202728!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.lobby-app .game-card:hover{
  transform:translateY(-3px)!important;
  border-color:#4c6658!important;
  box-shadow:0 16px 30px rgba(0,0,0,.24)!important;
}
body.lobby-app .bb-poster-card{
  border-radius:8px!important;
  aspect-ratio:.75!important;
}
body.lobby-app .bb-poster-card::after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 55%,rgba(4,8,7,.64) 100%)!important;
}
body.lobby-app .bb-poster-copy{
  left:10px!important;
  right:10px!important;
  bottom:9px!important;
}
body.lobby-app .bb-poster-copy b{
  font-family:'DM Sans',Inter,sans-serif!important;
  font-size:clamp(14px,1vw,20px)!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
}
body.lobby-app .bb-poster-copy small{
  margin-top:4px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:6px!important;
}

body.lobby-app .new-game-card,
body.lobby-app .game-card:not(.bb-poster-card){
  min-height:0!important;
  aspect-ratio:.75!important;
  padding:10px!important;
  justify-content:flex-end!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(64,199,130,.10),transparent 44%),
    #202728!important;
}
body.lobby-app .new-game-card .extra-game-art,
body.lobby-app .game-card:not(.bb-poster-card) .game-sprite{
  position:absolute!important;
  inset:22px 20px 58px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.38))!important;
}
body.lobby-app .new-game-card .copy,
body.lobby-app .game-card:not(.bb-poster-card) .copy{
  position:relative!important;
  z-index:2!important;
  padding:10px 2px 2px!important;
  border-top:1px solid #35433b!important;
  background:transparent!important;
}
body.lobby-app .new-game-card .copy b,
body.lobby-app .game-card:not(.bb-poster-card) .copy b{
  color:#f2f7f4!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
body.lobby-app .game-number{
  top:10px!important;
  left:10px!important;
  z-index:3!important;
  padding:4px 6px!important;
  border-radius:4px!important;
  background:#173c2a!important;
  color:#6ae2a8!important;
  font-size:7px!important;
  font-weight:800!important;
}
body.lobby-app .play-arrow{color:#6ae2a8!important}

body.lobby-app .reward-stack{gap:10px!important}
body.lobby-app .reward-card,
body.lobby-app .daily-spin-bar{
  border:1px solid #35433b!important;
  border-radius:8px!important;
  background:#202728!important;
  box-shadow:none!important;
}
body.lobby-app .reward-card{
  min-height:210px!important;
  padding:18px!important;
}
body.lobby-app .reward-card .overline{color:#d9bd68!important}
body.lobby-app .reward-card h2{
  margin:10px 0!important;
  font-size:23px!important;
  letter-spacing:-.04em!important;
}
body.lobby-app .reward-card p{
  color:#93a39a!important;
  font-size:10px!important;
  line-height:1.55!important;
}
body.lobby-app .reward-card button{
  border:0!important;
  border-radius:6px!important;
  background:#d6b84d!important;
  color:#2c250d!important;
  font-weight:800!important;
}
body.lobby-app .daily-spin-bar{
  min-height:82px!important;
  color:#dce9e1!important;
}
body.lobby-app .daily-spin-bar .daily-star{color:#6ae2a8!important}

body.lobby-app .home-footer{
  margin-top:26px!important;
  padding-top:18px!important;
  border-top:1px solid #2b3933!important;
  color:#7f9387!important;
}
body.lobby-app .footer-brand{color:#f1f6f3!important}
body.lobby-app .footer-brand span{color:#6ae2a8!important}

@media(max-width:1320px){
  body.lobby-app .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1080px){
  body.lobby-app .welcome-grid{grid-template-columns:1fr 1fr!important}
  body.lobby-app .welcome-hero{grid-column:1/-1!important}
  body.lobby-app .games-and-rewards{grid-template-columns:1fr!important}
  body.lobby-app .reward-stack{grid-template-columns:1fr 1fr!important;display:grid!important}
}
@media(max-width:820px){
  body.lobby-app .lobby-content{padding:16px 12px 32px!important}
  body.lobby-app .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:650px){
  body.lobby-app .lobby-header{padding:10px 12px!important}
  body.lobby-app .lobby-brand{font-size:17px!important}
  body.lobby-app .welcome-grid{grid-template-columns:1fr!important}
  body.lobby-app .welcome-hero{min-height:190px!important}
  body.lobby-app .spotlight{min-height:170px!important}
  body.lobby-app .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.lobby-app .reward-stack{grid-template-columns:1fr!important}
}


/* Minecraft-modern top lobby pass */
body.lobby-app .page-title h1{
  font-weight:800!important;
  text-shadow:0 2px 0 rgba(0,0,0,.35)!important;
}
body.lobby-app .page-title h1::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin:0 10px 3px 0;
  background:#55d996;
  box-shadow:0 0 0 2px #244d3b,2px 2px 0 #0c1512;
}

body.lobby-app .welcome-grid{
  gap:12px!important;
}

body.lobby-app .welcome-hero,
body.lobby-app .spotlight{
  border-radius:5px!important;
  border-color:#405249!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -2px 0 rgba(0,0,0,.28),
    0 12px 26px rgba(0,0,0,.18)!important;
}

body.lobby-app .welcome-hero{
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 76% 45%,rgba(45,224,133,.26),transparent 29%),
    linear-gradient(118deg,#243a31 0%,#1e2d28 53%,#16211e 100%)!important;
  background-size:24px 24px,24px 24px,auto,auto!important;
}

body.lobby-app .welcome-hero::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:1!important;
  pointer-events:none!important;
  border:1px solid rgba(124,214,164,.11)!important;
  clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))!important;
}

body.lobby-app .welcome-copy{
  padding:27px 28px!important;
}
body.lobby-app .welcome-copy h2{
  font-size:32px!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  text-shadow:0 3px 0 rgba(0,0,0,.30)!important;
}
body.lobby-app .welcome-copy p{
  color:#99c5ad!important;
  font-weight:600!important;
}

body.lobby-app .hero-actions a{
  min-height:41px!important;
  border-radius:4px!important;
  border-width:1px 1px 3px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:translateY(0)!important;
}
body.lobby-app .hero-actions a:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
body.lobby-app .hero-actions .primary{
  border-color:#55da96 #2f9c67 #237b51!important;
  background:linear-gradient(#4dd38e,#39be7b)!important;
  color:#082619!important;
}
body.lobby-app .discord-signin{
  border-color:#4c557d #3d4568 #303654!important;
  background:linear-gradient(#303755,#282e48)!important;
}

body.lobby-app .hero-treasure{
  right:20px!important;
  transform:translateY(-55%) scale(1.06)!important;
  image-rendering:pixelated!important;
  filter:
    drop-shadow(0 17px 0 rgba(0,0,0,.10))
    drop-shadow(0 24px 26px rgba(0,0,0,.48))!important;
}

body.lobby-app .referral-ribbon{
  height:35px!important;
  border-top:1px solid #41775c!important;
  background:
    linear-gradient(90deg,rgba(76,203,136,.18),rgba(35,103,72,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.lobby-app .referral-ribbon strong{
  padding-left:8px!important;
  color:#e3fff0!important;
}

body.lobby-app .spotlight{
  padding:16px!important;
}
body.lobby-app .spotlight::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  pointer-events:none!important;
  border:1px solid rgba(255,255,255,.04)!important;
  border-radius:2px!important;
}
body.lobby-app .referral-feature{
  background:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    radial-gradient(circle at 62% 31%,rgba(48,208,125,.17),transparent 35%),
    #202927!important;
  background-size:22px 22px,22px 22px,auto,auto!important;
}
body.lobby-app .discord-feature{
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    radial-gradient(circle at 62% 31%,rgba(115,97,225,.20),transparent 37%),
    #22242e!important;
  background-size:22px 22px,22px 22px,auto,auto!important;
}
body.lobby-app .spotlight .promo-sprite{
  image-rendering:pixelated!important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.38))!important;
}
body.lobby-app .spotlight h2{
  font-size:23px!important;
  font-weight:900!important;
  text-shadow:0 2px 0 rgba(0,0,0,.45)!important;
}
body.lobby-app .spotlight p{
  color:#9fb1a6!important;
  font-weight:600!important;
}
body.lobby-app .card-tag{
  border-radius:2px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 2px 0 rgba(0,0,0,.32)!important;
  letter-spacing:.045em!important;
}
body.lobby-app .card-arrow{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #3b5146!important;
  background:#18231f!important;
  border-radius:3px!important;
}

body.lobby-app .home-account-strip{
  min-height:62px!important;
  padding:8px 10px!important;
  border-radius:5px!important;
  border-color:#3a4d43!important;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    #19231f!important;
  background-size:20px 20px,20px 20px,auto!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -2px 0 rgba(0,0,0,.24)!important;
}
body.lobby-app .mini-profile{
  gap:10px!important;
}
body.lobby-app .mini-profile img{
  width:39px!important;
  height:39px!important;
  border-radius:3px!important;
  image-rendering:pixelated!important;
  border:1px solid #54665d!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.18),2px 2px 0 rgba(0,0,0,.25)!important;
}
body.lobby-app .mini-profile strong{
  font-size:12px!important;
  text-shadow:0 1px 0 #000!important;
}
body.lobby-app .mini-profile small{
  color:#7fa48f!important;
}
body.lobby-app .mini-balance{
  min-width:112px!important;
  padding:6px 14px!important;
  border-left:1px solid #33463d!important;
  border-right:1px solid #33463d!important;
  background:rgba(8,16,13,.16)!important;
}
body.lobby-app .mini-balance strong{
  font-size:14px!important;
  text-shadow:0 0 12px rgba(82,225,153,.18)!important;
}
body.lobby-app .home-account-strip>a,
body.lobby-app .home-account-strip>button{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:3px!important;
  background:transparent!important;
}
body.lobby-app .home-account-strip>a:hover,
body.lobby-app .home-account-strip>button:hover{
  background:#22312b!important;
  border-color:#3b5147!important;
  color:#e7fff1!important;
}

@media(max-width:900px){
  body.lobby-app .hero-treasure{opacity:.82!important;right:-20px!important}
}


/* Rewards sidebar — match Minecraft-modern lobby */
body.lobby-app .reward-stack{
  gap:10px!important;
}
body.lobby-app .reward-card,
body.lobby-app .daily-spin-bar{
  position:relative!important;
  overflow:hidden!important;
  border-radius:5px!important;
  border:1px solid #3d5046!important;
  background:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(145deg,#202b27,#19221f)!important;
  background-size:20px 20px,20px 20px,auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -2px 0 rgba(0,0,0,.26),0 10px 24px rgba(0,0,0,.14)!important;
}
body.lobby-app .reward-card::before,
body.lobby-app .daily-spin-bar::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  pointer-events:none!important;
  border:1px solid rgba(121,205,158,.06)!important;
  border-radius:2px!important;
}
body.lobby-app .reward-card{
  min-height:188px!important;
  padding:16px!important;
}
body.lobby-app .reward-card .overline{
  color:#e1c86b!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
body.lobby-app .reward-card h2{
  position:relative!important;
  z-index:2!important;
  margin:10px 0 8px!important;
  font-size:22px!important;
  font-weight:900!important;
  text-shadow:0 2px 0 rgba(0,0,0,.42)!important;
}
body.lobby-app .reward-card p{
  position:relative!important;
  z-index:2!important;
  max-width:145px!important;
  color:#8fb29f!important;
  font-size:10px!important;
  line-height:1.55!important;
}
body.lobby-app .reward-gift{
  top:14px!important;
  right:10px!important;
  width:72px!important;
  height:72px!important;
  image-rendering:pixelated!important;
  filter:drop-shadow(0 12px 13px rgba(0,0,0,.35))!important;
}
body.lobby-app .reward-card button{
  position:relative!important;
  z-index:3!important;
  min-height:38px!important;
  margin-top:11px!important;
  border:1px solid #e4c74f!important;
  border-bottom:3px solid #9e8423!important;
  border-radius:4px!important;
  background:linear-gradient(#efd456,#dcbf3f)!important;
  color:#292006!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
  font-size:10px!important;
  font-weight:900!important;
}
body.lobby-app .reward-card button:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px)!important;
}
body.lobby-app .daily-spin-bar{
  min-height:76px!important;
  padding:13px 12px!important;
  gap:10px!important;
  color:#e5f4eb!important;
}
body.lobby-app .daily-spin-bar .daily-star{
  width:29px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 29px!important;
  border:1px solid #39775a!important;
  border-radius:3px!important;
  background:#18372a!important;
  color:#67e6a8!important;
  font-size:20px!important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)!important;
}
body.lobby-app .daily-spin-bar b{
  font-size:11px!important;
  font-weight:900!important;
}
body.lobby-app .daily-spin-bar small{
  margin-top:3px!important;
  color:#76aa8e!important;
  font-size:9px!important;
}
body.lobby-app .daily-spin-bar>span:last-child{
  color:#6ee5aa!important;
  font-size:15px!important;
}


/* Proper compact rewards rail */
body.lobby-app .games-and-rewards{grid-template-columns:minmax(0,1fr) 230px!important;gap:14px!important}
body.lobby-app .reward-stack{display:flex!important;flex-direction:column!important;gap:9px!important}
body.lobby-app .reward-card{
  min-height:0!important;
  height:auto!important;
  padding:14px!important;
  border:1px solid #3b4c43!important;
  border-radius:5px!important;
  background:linear-gradient(145deg,#1e2925,#18211e)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.14)!important;
}
body.lobby-app .reward-card::before{display:none!important}
body.lobby-app .reward-card .overline{display:block!important;font-size:7px!important;letter-spacing:.18em!important;color:#d9c365!important}
body.lobby-app .reward-card h2{margin:8px 0 6px!important;font-size:19px!important;line-height:1!important}
body.lobby-app .reward-card p{max-width:142px!important;margin:0 0 12px!important;font-size:9px!important;line-height:1.5!important;color:#86a596!important}
body.lobby-app .reward-gift{top:11px!important;right:9px!important;width:62px!important;height:62px!important}
body.lobby-app .reward-card button{
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  border:1px solid #ddc04b!important;
  border-bottom:2px solid #9f8628!important;
  border-radius:4px!important;
  background:#dfc247!important;
  color:#201a05!important;
  font-size:9px!important;
  font-weight:900!important;
}
body.lobby-app .daily-spin-bar{
  width:100%!important;
  min-height:64px!important;
  padding:10px!important;
  border:1px solid #3b4c43!important;
  border-radius:5px!important;
  background:#1b2722!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.lobby-app .daily-spin-bar::before{display:none!important}
body.lobby-app .daily-spin-bar .daily-star{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:16px!important}
body.lobby-app .daily-spin-bar b{font-size:10px!important}
body.lobby-app .daily-spin-bar small{font-size:8px!important}


/* Poster-style rewards rail: match the game-card artwork */
body.lobby-app .reward-stack{
  gap:10px!important;
}
body.lobby-app .reward-card,
body.lobby-app .daily-spin-bar{
  position:relative!important;
  overflow:hidden!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 14px 28px rgba(0,0,0,.28)!important;
}
body.lobby-app .reward-card{
  min-height:205px!important;
  padding:16px!important;
  background:
    radial-gradient(circle at 78% 22%,rgba(255,217,73,.35),transparent 30%),
    radial-gradient(circle at 35% 120%,rgba(17,179,105,.25),transparent 42%),
    linear-gradient(145deg,#4a3b13 0%,#2d2611 34%,#18211d 76%)!important;
}
body.lobby-app .reward-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(125deg,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(180deg,transparent 45%,rgba(5,8,7,.72) 100%)!important;
}
body.lobby-app .reward-card .overline,
body.lobby-app .reward-card h2,
body.lobby-app .reward-card p,
body.lobby-app .reward-card button{
  position:relative!important;
  z-index:3!important;
}
body.lobby-app .reward-card .overline{
  color:#f8df67!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  text-shadow:0 2px 5px rgba(0,0,0,.45)!important;
}
body.lobby-app .reward-card h2{
  margin:9px 0 7px!important;
  max-width:145px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:.95!important;
  font-weight:900!important;
  letter-spacing:-.05em!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 8px rgba(0,0,0,.52)!important;
}
body.lobby-app .reward-card p{
  max-width:132px!important;
  margin:0 0 14px!important;
  color:#d2d8d3!important;
  font-size:9px!important;
  line-height:1.5!important;
}
body.lobby-app .reward-gift{
  z-index:2!important;
  top:16px!important;
  right:4px!important;
  width:96px!important;
  height:96px!important;
  image-rendering:pixelated!important;
  filter:
    drop-shadow(0 10px 0 rgba(0,0,0,.11))
    drop-shadow(0 18px 22px rgba(0,0,0,.45))!important;
  transform:rotate(3deg)!important;
}
body.lobby-app .reward-card button{
  width:100%!important;
  min-height:38px!important;
  margin-top:2px!important;
  border:1px solid #ffe164!important;
  border-bottom:3px solid #9c7412!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#f7dc55,#d8b52e)!important;
  color:#251b03!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;
}
body.lobby-app .reward-card button:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}

body.lobby-app .daily-spin-bar{
  min-height:86px!important;
  padding:13px!important;
  gap:11px!important;
  background:
    radial-gradient(circle at 13% 50%,rgba(87,230,163,.30),transparent 26%),
    radial-gradient(circle at 100% 0%,rgba(118,82,255,.24),transparent 40%),
    linear-gradient(135deg,#15392b,#18241f 54%,#242043)!important;
}
body.lobby-app .daily-spin-bar::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.07),transparent 30%),
    linear-gradient(180deg,transparent 45%,rgba(7,10,9,.55) 100%)!important;
}
body.lobby-app .daily-spin-bar>*{position:relative!important;z-index:2!important}
body.lobby-app .daily-spin-bar .daily-star{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  border:1px solid rgba(132,255,193,.50)!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle,#72efb0 0 16%,transparent 17%),
    linear-gradient(145deg,#234c39,#122d23)!important;
  color:#8bffc1!important;
  font-size:22px!important;
  box-shadow:0 0 18px rgba(73,221,146,.18)!important;
}
body.lobby-app .daily-spin-bar b{
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 6px rgba(0,0,0,.45)!important;
}
body.lobby-app .daily-spin-bar small{
  margin-top:3px!important;
  color:#9fd7bb!important;
  font-size:9px!important;
}
body.lobby-app .daily-spin-bar>span:last-child{
  color:#82f4b6!important;
  font-size:17px!important;
}