/* Lucky Spin Rewards v52.52 — unified premium customer experience
   Shared visual system for Freeplay and Deposit Bonus. No business logic lives here. */

:root{
  --cx-bg-0:#08050f;
  --cx-bg-1:#12091f;
  --cx-bg-2:#28143d;
  --cx-panel:rgba(25,14,39,.76);
  --cx-panel-strong:rgba(18,9,30,.92);
  --cx-panel-soft:rgba(255,255,255,.055);
  --cx-border:rgba(255,226,135,.18);
  --cx-border-soft:rgba(255,255,255,.10);
  --cx-gold-1:#fff0ae;
  --cx-gold-2:#ffd369;
  --cx-gold-3:#f3a92f;
  --cx-text:#fffdf8;
  --cx-muted:#b8adc7;
  --cx-muted-2:#82758f;
  --cx-danger:#ff7084;
  --cx-radius-xl:30px;
  --cx-radius-lg:22px;
  --cx-radius-md:15px;
  --cx-shadow:0 28px 80px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.055);
}

html,body,#root{min-height:100%;background:var(--cx-bg-0)}
body{margin:0;overflow-x:hidden}

.customer-page.premium-customer-page{
  display:block!important;
  min-height:100vh;
  padding:72px 14px 54px!important;
  overflow-x:hidden!important;
  color:var(--cx-text);
  background:
    radial-gradient(circle at 50% -10%,rgba(109,64,147,.58) 0,rgba(68,34,93,.28) 27%,transparent 50%),
    radial-gradient(circle at 10% 52%,rgba(232,174,62,.065),transparent 30%),
    linear-gradient(180deg,#160b24 0%,#0d0717 50%,#08050f 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.customer-page.premium-customer-page::before{
  content:"";
  position:fixed;
  z-index:0;
  inset:46px 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,224,125,.18),transparent);
  pointer-events:none;
}
.customer-page.premium-customer-page>:not(.reward-history-backdrop){position:relative;z-index:1}

/* shared ticker */
.premium-customer-page .winner-strip{
  position:fixed!important;
  z-index:50!important;
  top:0;left:0;right:0;
  height:46px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,226,135,.14)!important;
  background:rgba(10,5,17,.86)!important;
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:0 8px 28px rgba(0,0,0,.2);
}
.premium-customer-page .live-pill{
  color:var(--cx-gold-2)!important;
  background:rgba(255,211,105,.08)!important;
  border-right:1px solid rgba(255,211,105,.14)!important;
}
.premium-customer-page .ticker-track{color:#d8cfe4}
.premium-customer-page .ticker-track strong{color:var(--cx-gold-2)}

/* same page width on both products */
.premium-customer-page .unified-spin-experience,
.premium-customer-page .bonus-shell{
  width:min(920px,100%)!important;
  margin:0 auto!important;
}
.premium-customer-page .unified-spin-experience{display:grid;gap:16px}
.premium-customer-page .bonus-shell{
  padding:0!important;
  text-align:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* shared premium offer stage */
.premium-customer-page .premium-offer-stage{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  overflow:hidden;
  color:var(--cx-text);
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.premium-customer-page .collapsed-offer-bar,
.premium-customer-page .bonus-offer-toggle{
  width:100%;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 10px!important;
  color:#f8f0ff!important;
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  text-decoration:none!important;
  letter-spacing:.075em;
  font-size:10px!important;
  font-weight:900!important;
}
.premium-customer-page .collapsed-offer-bar span,
.premium-customer-page .bonus-offer-toggle span{color:var(--cx-gold-2)!important}
.premium-customer-page .collapsed-offer-bar b,
.premium-customer-page .bonus-offer-toggle b{color:#cdbfdc!important;font-size:9px!important}
.premium-customer-page .top-offer-content,
.premium-customer-page .bonus-offer-content{padding:6px 2px 2px}
.premium-customer-page .offer-carousel-shell{position:relative}
.premium-customer-page .unified-offer-grid,
.premium-customer-page .bonus-offer-track{
  gap:9px!important;
  scrollbar-width:none;
}
.premium-customer-page .unified-offer-card,
.premium-customer-page .bonus-offer-track>article{
  min-height:132px;
  padding:17px 17px 15px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:17px!important;
  background:
    linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
.premium-customer-page .unified-offer-card>span,
.premium-customer-page .bonus-offer-track>article>span{
  color:var(--cx-gold-2)!important;
  letter-spacing:.14em!important;
  font-size:9px!important;
  font-weight:900!important;
}
.premium-customer-page .unified-offer-card h3,
.premium-customer-page .bonus-offer-track>article h3{
  margin:6px 0 5px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.premium-customer-page .unified-offer-card .promo-formatted-text,
.premium-customer-page .bonus-offer-track>article .promo-formatted-text{
  color:#c8bdd4!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.premium-customer-page .promo-pro-footer{border-top-color:rgba(255,255,255,.08)!important;color:#b9aec6!important}
.premium-customer-page .offer-arrow{
  color:#fff5d2!important;
  background:rgba(15,8,25,.82)!important;
  border:1px solid rgba(255,224,125,.22)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}

/* the primary spin stage now looks identical on both pages */
.premium-customer-page .premium-spin-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px clamp(14px,4vw,30px) 30px!important;
  text-align:center!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.premium-customer-page .premium-spin-shell>h1{
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:clamp(35px,7vw,52px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  text-shadow:0 5px 24px rgba(0,0,0,.35);
}
.premium-customer-page .premium-spin-shell>h1::before{
  display:block;
  margin:0 0 8px;
  color:var(--cx-gold-2);
  font-size:9px;
  line-height:1;
  letter-spacing:.2em;
  font-weight:900;
  text-transform:uppercase;
}
.premium-customer-page.dual-page .premium-spin-shell>h1::before{content:"FREEPLAY REWARDS"}
.premium-customer-page.bonus-page .premium-spin-shell>h1::before{content:"DEPOSIT BONUS REWARDS"}
.premium-customer-page.bonus-page .eyebrow{display:none!important}

/* podium becomes one shared compact glass strip */
.premium-customer-page .monthly-podium{
  width:min(720px,100%)!important;
  margin:0 auto 22px!important;
  gap:7px!important;
}
.premium-customer-page .rank-card{
  min-height:48px!important;
  padding:8px 11px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
.premium-customer-page .rank-card>span{color:var(--cx-gold-2)!important}
.premium-customer-page .rank-card small{color:#83768f!important;font-size:8px!important}
.premium-customer-page .rank-card strong{color:#e8dff0!important;font-size:10px!important}

/* common wheel selector */
.premium-customer-page .premium-wheel-tabs{
  width:min(610px,100%)!important;
  margin:12px auto 16px!important;
  padding:5px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:5px!important;
  background:rgba(8,4,14,.58)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.premium-customer-page .premium-wheel-tabs button{
  flex:1 1 180px!important;
  max-width:260px!important;
  min-height:47px!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#bcb0c9!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  text-decoration:none!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  font-weight:850!important;
  transition:background .18s,border-color .18s,color .18s,transform .18s!important;
}
.premium-customer-page .premium-wheel-tabs button > span,
.premium-customer-page .premium-wheel-tabs button > b,
.premium-customer-page .premium-wheel-tabs button > strong{
  display:inline-block!important;
  text-align:center!important;
}
.premium-customer-page .premium-wheel-tabs button:hover{background:rgba(255,255,255,.04)!important;filter:none!important}
.premium-customer-page .premium-wheel-tabs button.selected,
.premium-customer-page .premium-wheel-tabs button.active{
  color:#3d2600!important;
  background:linear-gradient(135deg,var(--cx-gold-1),var(--cx-gold-3))!important;
  border-color:rgba(255,239,171,.7)!important;
  box-shadow:0 8px 24px rgba(235,159,33,.18),inset 0 1px rgba(255,255,255,.5)!important;
}
.premium-customer-page .premium-wheel-tabs .game-count-badge{
  color:inherit!important;
  opacity:.7;
  font-size:8px!important;
}

/* shared seamless identity bar — no nested card around the field */
.premium-customer-page .premium-entry-form{
  width:min(660px,100%)!important;
  margin:20px auto 6px!important;
  padding:0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.premium-customer-page .premium-entry-form>label{
  display:block!important;
  margin:0 0 8px 4px!important;
  color:#c9bdd4!important;
  letter-spacing:.14em!important;
  font-size:9px!important;
  font-weight:900!important;
}
.premium-customer-page .premium-entry-form>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  gap:5px!important;
  padding:5px!important;
  overflow:hidden!important;
  background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,226,135,.16)!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.16)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.premium-customer-page .premium-entry-form>div:focus-within{
  background:linear-gradient(120deg,rgba(255,255,255,.09),rgba(255,211,105,.045))!important;
  border-color:rgba(255,211,105,.42)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 3px rgba(255,211,105,.07),0 14px 32px rgba(0,0,0,.18)!important;
}
.premium-customer-page .premium-entry-form input{
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 14px!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  outline:none!important;
  letter-spacing:0!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.premium-customer-page .premium-entry-form input::placeholder{color:#82758f!important}
.premium-customer-page .premium-entry-form input:focus{border:0!important;box-shadow:none!important}
.premium-customer-page .premium-entry-form button{
  height:50px!important;
  min-height:50px!important;
  color:#352000!important;
  background:linear-gradient(135deg,var(--cx-gold-1),#ffd36c 42%,var(--cx-gold-3))!important;
  border:1px solid rgba(255,244,192,.46)!important;
  border-radius:12px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 8px 22px rgba(234,157,30,.17),inset 0 1px rgba(255,255,255,.52)!important;
}

/* player identity = same compact account bar */
.premium-customer-page .premium-player-bar{
  width:max-content!important;
  max-width:100%!important;
  min-height:42px;
  margin:15px auto 8px!important;
  padding:7px 9px 7px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  color:#d8cfe2!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.premium-customer-page .premium-player-bar b{color:#fff!important}
.premium-customer-page .premium-player-bar button{
  min-height:28px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:var(--cx-gold-2)!important;
  background:rgba(255,211,105,.07)!important;
  border:1px solid rgba(255,211,105,.14)!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:850!important;
}

/* shared spin status */
.premium-customer-page .premium-spin-status{
  width:max-content!important;
  max-width:100%!important;
  min-height:36px!important;
  margin:9px auto 9px!important;
  padding:5px 10px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#e9e2ef!important;
  background:rgba(7,4,12,.35)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.premium-customer-page .spin-counter.premium-spin-status{display:flex!important;gap:6px!important}
.premium-customer-page .spin-counter.premium-spin-status span{
  width:25px!important;height:25px!important;
  background:rgba(255,255,255,.07)!important;
  color:#8c8098!important;
  box-shadow:none!important;
}
.premium-customer-page .spin-counter.premium-spin-status span.active{
  color:#342000!important;
  background:var(--cx-gold-2)!important;
  box-shadow:0 0 0 4px rgba(255,211,105,.07)!important;
}
.premium-customer-page .spin-counter.premium-spin-status b{color:#eee7f4!important;margin-left:3px!important;font-size:10px!important}
.premium-customer-page .bonus-spin-status{display:flex!important;font-weight:850!important;color:#e8e0ed!important}

.premium-customer-page .spin-terms-reminder{
  width:max-content!important;
  max-width:calc(100% - 12px)!important;
  margin:10px auto 13px!important;
  padding:7px 12px!important;
  color:#d6c998!important;
  background:rgba(255,211,105,.035)!important;
  border:1px solid rgba(255,211,105,.16)!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1.35!important;
  animation:none!important;
  box-shadow:none!important;
}

/* same wheel visual stage and spacing */
.premium-customer-page .wheel-access-shell{
  margin-left:auto!important;
  margin-right:auto!important;
}
.premium-customer-page .wheel-wrap,
.premium-customer-page .bonus-wheel-wrap{
  margin-top:16px!important;
  margin-bottom:17px!important;
}

/* same main CTA */
.premium-customer-page .spin-button{
  min-width:230px!important;
  min-height:58px!important;
  margin:4px auto 0!important;
  padding:0 34px!important;
  color:#2e1900!important;
  background:linear-gradient(135deg,#ffe69a 0%,#ffc34a 55%,#f4a82d 100%)!important;
  border:1px solid rgba(255,239,171,.62)!important;
  border-radius:999px!important;
  letter-spacing:.105em!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 12px 34px rgba(230,144,20,.22),inset 0 1px rgba(255,255,255,.55)!important;
}
.premium-customer-page .spin-button:hover:not(:disabled){
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 16px 42px rgba(230,144,20,.28),inset 0 1px rgba(255,255,255,.6)!important;
}
.premium-customer-page .spin-button:disabled{
  color:#8e8498!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.08)!important;
  opacity:1!important;
  box-shadow:none!important;
}
.premium-customer-page .spin-button.locked-spin{color:#ae9fb8!important}

/* same feedback cards */
.premium-customer-page .notice{
  width:min(620px,100%);
  margin:12px auto!important;
  border-radius:13px!important;
  font-size:11px!important;
}
.premium-customer-page .result-card,
.premium-customer-page .premium-info-card{
  width:min(560px,100%)!important;
  max-width:560px!important;
  margin:20px auto 0!important;
  color:#fff!important;
  background:
    linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,224,125,.14)!important;
  border-radius:19px!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)!important;
}
.premium-customer-page .result-card{padding:20px!important}
.premium-customer-page .result-card>span,
.premium-customer-page .premium-info-card>span{
  color:var(--cx-gold-2)!important;
  letter-spacing:.15em!important;
  font-size:8px!important;
  font-weight:900!important;
}
.premium-customer-page .result-card strong{color:#fff4c6!important;font-size:clamp(31px,7vw,43px)!important}
.premium-customer-page .result-card code{color:#fff!important;font-size:clamp(14px,4.2vw,20px)!important}
.premium-customer-page .premium-info-card{text-align:left!important;padding:17px 19px!important}
.premium-customer-page .premium-info-card h2{margin:6px 0 4px!important;color:#fff!important;font-size:22px!important}
.premium-customer-page .premium-info-card p,
.premium-customer-page .premium-info-card .promo-formatted-text{color:#bfb3ca!important;font-size:11px!important;line-height:1.55!important}

/* history modal shared refinement */
.premium-customer-page~.reward-history-backdrop,
.reward-history-backdrop{backdrop-filter:blur(8px)}
.reward-history-modal{
  background:linear-gradient(160deg,#27143a,#12091f 70%)!important;
  border-color:rgba(255,224,125,.16)!important;
  border-radius:24px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62)!important;
}
.reward-history-modal header{border-bottom-color:rgba(255,255,255,.08)!important}
.reward-history-modal header span{color:var(--cx-gold-2)!important}

@media(max-width:760px){
  .customer-page.premium-customer-page{padding:60px 7px 36px!important}
  .premium-customer-page .unified-spin-experience,
  .premium-customer-page .bonus-shell{width:100%!important}
  .premium-customer-page .premium-offer-stage{margin:0!important;border-radius:0!important;padding:8px 9px 10px!important}
  .premium-customer-page .premium-spin-shell{padding:22px 8px 24px!important;border-radius:0!important}
  .premium-customer-page .premium-spin-shell>h1{font-size:36px!important;margin-bottom:13px!important}
  .premium-customer-page .monthly-podium{margin-bottom:15px!important}
  .premium-customer-page .premium-wheel-tabs{width:calc(100% - 8px)!important;margin:10px auto 13px!important}
  .premium-customer-page .premium-wheel-tabs button{flex:1 1 145px!important;max-width:none!important;min-height:44px!important;padding:7px 8px!important;font-size:10px!important}
  .premium-customer-page .premium-entry-form{width:calc(100% - 8px)!important;padding:0!important}
  .premium-customer-page .premium-entry-form>div{grid-template-columns:1fr!important;padding:5px!important;gap:4px!important}
  .premium-customer-page .premium-entry-form button{width:100%!important}
  .premium-customer-page .premium-player-bar{width:calc(100% - 14px)!important;border-radius:15px!important;padding:8px!important}
  .premium-customer-page .premium-spin-status{max-width:calc(100% - 14px)!important}
  .premium-customer-page .spin-button{min-width:210px!important;min-height:54px!important;font-size:12px!important}
  .premium-customer-page .result-card,
  .premium-customer-page .premium-info-card{width:calc(100% - 14px)!important}
  .premium-customer-page .unified-offer-card,
  .premium-customer-page .bonus-offer-track>article{min-height:122px}
}

@media(max-width:420px){
  .customer-page.premium-customer-page{padding-inline:4px!important}
  .premium-customer-page .premium-spin-shell{padding-inline:4px!important}
  .premium-customer-page .premium-player-bar{font-size:10px!important}
  .premium-customer-page .spin-terms-reminder{font-size:8px!important;padding-inline:8px!important}
}


/* v52.52 — SEAMLESS PREMIUM CUSTOMER LAYOUT
   Both customer products now use the same hierarchy:
   1. Offer stage
   2. Premium spin card
   Old Freeplay container chrome is neutralized instead of visually nesting the two stages. */
.premium-customer-page .unified-spin-experience,
.premium-customer-page .premium-spin-layout{
  box-sizing:border-box!important;
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  color:inherit!important;
  background:
    radial-gradient(circle at 18% -8%,rgba(137,82,177,.22),transparent 38%),
    radial-gradient(circle at 90% 4%,rgba(255,200,90,.045),transparent 28%),
    linear-gradient(145deg,rgba(55,31,76,.92),rgba(20,10,32,.95) 58%,rgba(13,7,22,.98))!important;
  border:1px solid rgba(255,226,135,.17)!important;
  border-radius:32px!important;
  box-shadow:0 30px 86px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.premium-customer-page .unified-spin-experience>.premium-offer-stage,
.premium-customer-page .premium-spin-layout>.premium-offer-stage{
  order:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.premium-customer-page .unified-spin-experience>.premium-spin-shell,
.premium-customer-page .premium-spin-layout>.premium-spin-shell{
  order:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
/* Freeplay legacy selector used order:1 on the offer; this must never win again. */
.premium-customer-page.dual-page .top-offer-stage.premium-offer-stage{order:0!important}
.premium-customer-page.dual-page .spin-shell.premium-spin-shell{order:1!important}

/* Deposit outer shell is now only a layout container. The new inner card owns all spin chrome. */
.premium-customer-page .bonus-shell.premium-spin-layout{
  padding:0!important;
  text-align:center!important;
}
.premium-customer-page .bonus-spin-content.premium-spin-shell{
  position:relative;
}

/* Exact common spacing rhythm for the two spin cards. */
.premium-customer-page .premium-spin-shell{
  padding:30px clamp(14px,4vw,30px) 28px!important;
}
.premium-customer-page .premium-spin-shell>.monthly-podium{
  margin-top:0!important;
  margin-bottom:22px!important;
}
.premium-customer-page .premium-spin-shell>h1{
  margin-bottom:16px!important;
}
.premium-customer-page .premium-spin-shell>.premium-entry-form,
.premium-customer-page .premium-spin-shell>.premium-wheel-tabs{
  position:relative;
  z-index:1;
}

/* Freeplay's selected-wheel offer becomes the same compact informational footer treatment
   as Deposit's Player Protection card, instead of visually competing with the main Offer stage. */
.premium-customer-page .active-offer.premium-info-card,
.premium-customer-page .bonus-protection.premium-info-card{
  width:min(640px,100%)!important;
  margin:22px auto 0!important;
}

/* Offer carousel itself uses the same card height and controls on both pages. */
.premium-customer-page .top-offer-stage .offer-carousel-shell,
.premium-customer-page .bonus-deposit-offers .offer-carousel-shell{
  width:100%!important;
  margin:0!important;
}
.premium-customer-page .top-offer-stage .unified-offer-card,
.premium-customer-page .bonus-deposit-offers .bonus-offer-track>article{
  min-height:138px!important;
}

@media(max-width:640px){
  .premium-customer-page .unified-spin-experience,
  .premium-customer-page .premium-spin-layout{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    gap:0!important;
  }
  .premium-customer-page .premium-offer-stage{
    margin:0!important;
    border-radius:0!important;
  }
  .premium-customer-page .premium-spin-shell{
    border-radius:0!important;
    padding:24px 10px 22px!important;
  }
}

/* v52.56 - Cashback uses the normal wheel layout; only the lock itself overlays the center. */
.cashback-locked-preview{position:relative;width:min(100%,560px);margin:12px auto 18px}
.cashback-preview-lock,.cashback-center-lock{position:absolute;z-index:22;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;aspect-ratio:1;border:1px solid rgba(255,222,120,.5);border-radius:22px;background:rgba(31,15,52,.94);color:#ffe184;font-size:31px;box-shadow:0 12px 34px rgba(0,0,0,.34);cursor:pointer}
.cashback-preview-lock:hover,.cashback-center-lock:hover{transform:translate(-50%,-50%) scale(1.04);border-color:rgba(255,226,125,.78)}
.dynamic-game-tabs .cashback-tab,.dynamic-bonus-tabs .cashback-tab{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#cfc5df!important;background:rgba(255,255,255,.025)!important;border:1px dashed rgba(255,219,114,.25)!important}
.dynamic-game-tabs .cashback-tab.selected,.dynamic-bonus-tabs .cashback-tab.active,.dynamic-bonus-tabs .cashback-tab.selected{color:#2d183f!important;background:linear-gradient(135deg,#ffe59a,#f3bd48)!important;border-style:solid!important;border-color:#ffe08b!important;box-shadow:0 8px 24px rgba(243,189,72,.18)!important}
.dynamic-game-tabs .cashback-tab span,.dynamic-bonus-tabs .cashback-tab span{font-weight:950;display:inline-block!important;text-align:center!important}
.dynamic-game-tabs .cashback-tab small,.dynamic-bonus-tabs .cashback-tab small{display:inline-block!important;margin:0!important;font-size:8px;letter-spacing:.06em;color:inherit;opacity:.78;white-space:nowrap}
.dynamic-game-tabs .cashback-tab::after,.dynamic-bonus-tabs .cashback-tab::after{content:"🔒";position:absolute;top:6px;right:7px;font-size:8px}

.cashback-inline-wheel{position:relative;margin-top:8px}
@media(max-width:560px){.cashback-preview-lock,.cashback-center-lock{width:62px;border-radius:19px;font-size:27px}}


/* v52.60 - compact one-line wheel names and centered wrap for odd tab counts */
.premium-customer-page .dynamic-bonus-tabs,
.premium-customer-page .dynamic-game-tabs{justify-content:center!important}
.premium-customer-page .premium-wheel-tabs button small:not(.game-count-badge){white-space:nowrap!important}
.premium-customer-page .premium-wheel-tabs button.cashback-tab{padding-inline:16px!important}
.premium-customer-page .premium-wheel-tabs button.cashback-tab small{font-weight:850!important}
@media (max-width:760px){
  .premium-customer-page .premium-wheel-tabs{justify-content:center!important}
}