
.bb-global-withdraw{
  height:40px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #3a4442!important;
  border-radius:5px!important;
  background:#292e30!important;
  color:#d2d9d5!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.bb-global-withdraw:hover{background:#32383a!important;color:#fff!important}
@media(max-width:1180px){.bb-global-withdraw{display:none!important}}
/* BlockBet payment popups */
#bbPaymentDialog{
  width:min(520px,calc(100vw - 24px));
  max-height:min(760px,calc(100dvh - 24px));
  padding:0;
  border:1px solid #33433b;
  border-radius:6px;
  background:#0d1418;
  color:#eef5f1;
  box-shadow:0 34px 120px #000c;
  overflow:hidden;
}
#bbPaymentDialog::backdrop{
  background:#020608d6;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.bb-pay-shell{display:flex;flex-direction:column;max-height:min(760px,calc(100dvh - 24px))}
.bb-pay-head{display:flex;align-items:center;gap:12px;padding:18px 18px 15px;border-bottom:1px solid #26342e;background:linear-gradient(180deg,#18231f,#11181b)}
.bb-pay-head-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2d6248;border-radius:5px;background:#10271d}
.bb-pay-head-icon img{width:29px;height:29px;image-rendering:pixelated}
.bb-pay-title{min-width:0;flex:1}
.bb-pay-title small{display:block;color:#69dba2;font-size:9px;font-weight:900;letter-spacing:.13em}
.bb-pay-title strong{display:block;margin-top:3px;font-size:20px;line-height:1.1}
.bb-pay-close{width:36px;height:36px;border:1px solid #37433e;border-radius:4px;background:#202724;color:#dce5e0;font-size:22px;cursor:pointer}
.bb-pay-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#26322d;border-bottom:1px solid #26322d}
.bb-pay-tab{height:44px;border:0;border-radius:0;background:#12191c;color:#8f9d96;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.bb-pay-tab[aria-selected="true"]{background:#17251f;color:#73e2aa;box-shadow:inset 0 -2px 0 #3ed894}
.bb-pay-body{padding:18px;overflow:auto}
.bb-pay-pane[hidden]{display:none!important}
.bb-pay-note{margin:0 0 14px;color:#8fa198;font-size:11px;line-height:1.55}
.bb-pay-status{min-height:18px;margin:12px 0 0;color:#8fa198;font-size:10px;line-height:1.45}
.bb-pay-status.error{color:#ff9b9b}
.bb-pay-status.good{color:#72e1aa}
.bb-pay-account-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #2b3c34;border-radius:4px;background:#10191b}
.bb-pay-account-card img{width:42px;height:42px;border-radius:4px;image-rendering:pixelated}
.bb-pay-account-card div{min-width:0;flex:1}
.bb-pay-account-card strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}
.bb-pay-account-card small{display:block;margin-top:3px;color:#7e9087;font-size:10px}
.bb-pay-balance{color:#72e1aa!important;font-size:13px!important;font-weight:900!important}
.bb-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.bb-pay-action,.bb-pay-form button{min-height:44px;border:1px solid #34453d;border-radius:4px;background:#17211e;color:#e7efeb;font-size:11px;font-weight:900;cursor:pointer}
.bb-pay-action.primary,.bb-pay-form button.primary{border-color:#35cb88;background:#35cb88;color:#082a1c}
.bb-pay-action:disabled,.bb-pay-form button:disabled{opacity:.45;cursor:not-allowed}
.bb-pay-form{display:grid;gap:10px}
.bb-pay-form label{color:#b5c2bb;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.bb-pay-form input{width:100%;height:48px;padding:0 13px;border:1px solid #34453d;border-radius:4px;outline:0;background:#091217;color:#f5f7f6;font-size:16px;font-weight:800}
.bb-pay-form input:focus{border-color:#4bd99a;box-shadow:0 0 0 2px #4bd99a18}
.bb-pay-command{margin-top:14px;padding:13px;border:1px solid #315342;border-radius:4px;background:#09120f}
.bb-pay-command[hidden]{display:none!important}
.bb-pay-command small{display:block;color:#7f9188;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.bb-pay-command code{display:block;margin:8px 0 10px;padding:11px;border:1px solid #26382f;background:#050b09;color:#75e5ad;font-size:12px;overflow:auto}
.bb-pay-command-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bb-pay-command-actions button{height:38px;border:1px solid #34453d;border-radius:4px;background:#15201c;color:#dce7e1;font-size:10px;font-weight:800;cursor:pointer}
.bb-pay-verify{margin-top:12px;padding:12px;border:1px solid #34453d;border-radius:4px;background:#10191b}
.bb-pay-verify[hidden]{display:none!important}
.bb-pay-verify code{display:block;margin:8px 0;padding:10px;background:#070d10;color:#70dda7;overflow:auto}
.bb-pay-meta{display:flex;justify-content:space-between;gap:12px;margin:10px 0 0;color:#74877e;font-size:9px}
.bb-pay-success{display:none;min-height:280px;padding:30px 18px;place-items:center;text-align:center}
.bb-pay-success.active{display:grid}
.bb-pay-success-icon{position:relative;width:92px;height:92px;display:grid;place-items:center;margin:auto;border:1px solid #3b805d;border-radius:50%;background:radial-gradient(circle,#1d5f42,#0d2419 68%);animation:bbPayPop .55s cubic-bezier(.2,.9,.25,1.25)}
.bb-pay-success-icon img{width:54px;height:54px;image-rendering:pixelated;animation:bbPayFloat 1.2s ease-in-out infinite alternate}
.bb-pay-success-icon:before,.bb-pay-success-icon:after{content:"";position:absolute;inset:-13px;border:1px solid #4ae19b66;border-radius:50%;animation:bbPayRing 1.3s ease-out infinite}
.bb-pay-success-icon:after{inset:-27px;animation-delay:.22s}
.bb-pay-success h3{margin:18px 0 6px;font-size:22px}
.bb-pay-success p{margin:0;color:#91a299;font-size:11px;line-height:1.55}
.bb-pay-success button{margin-top:18px;min-width:150px;height:42px;border:1px solid #38ca88;border-radius:4px;background:#38ca88;color:#08281b;font-weight:900;cursor:pointer}
.bb-pay-toast{position:fixed;left:50%;bottom:24px;z-index:99999;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 14px;border:1px solid #355245;border-radius:4px;background:#111b18;color:#dff4e9;font:800 11px/1.2 Inter,system-ui,sans-serif;box-shadow:0 12px 38px #0009;transition:.2s ease}
.bb-pay-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes bbPayPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes bbPayFloat{from{transform:translateY(3px) scale(.96)}to{transform:translateY(-4px) scale(1.04)}}
@keyframes bbPayRing{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.25);opacity:0}}
@media(max-width:560px){
  #bbPaymentDialog{width:100vw;max-width:none;max-height:100dvh;height:100dvh;border:0;border-radius:0}
  .bb-pay-shell{max-height:100dvh;height:100dvh}
  .bb-pay-body{flex:1}
}
@media(prefers-reduced-motion:reduce){
  .bb-pay-success-icon,.bb-pay-success-icon img,.bb-pay-success-icon:before,.bb-pay-success-icon:after{animation:none!important}
}


/* Poster-style modal system */
body.lobby-app .daily-spin-dialog{
  width:min(760px,calc(100vw - 28px))!important;
  max-width:760px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #41584d!important;
  border-radius:9px!important;
  background:
    radial-gradient(circle at 78% -10%,rgba(110,76,255,.20),transparent 34%),
    radial-gradient(circle at 12% 0%,rgba(56,218,142,.16),transparent 30%),
    linear-gradient(145deg,#111c1c,#0b1418 65%,#121126)!important;
  color:#f4f8f5!important;
  box-shadow:0 34px 100px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.lobby-app .daily-spin-dialog::backdrop{
  background:rgba(2,6,8,.84)!important;
  backdrop-filter:blur(9px) saturate(.8)!important;
}
body.lobby-app .spin-heading{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:21px 22px 17px!important;
  border-bottom:1px solid #2d4037!important;
  background:
    linear-gradient(120deg,rgba(64,215,139,.10),transparent 38%),
    rgba(11,20,20,.76)!important;
}
body.lobby-app .spin-heading::after{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  bottom:-1px!important;
  width:74px!important;
  height:2px!important;
  background:#4ee09a!important;
  box-shadow:0 0 14px rgba(78,224,154,.45)!important;
}
body.lobby-app .spin-heading .eyebrow{
  color:#6ce6a8!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
}
body.lobby-app .spin-heading h2{
  margin:7px 0 0!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  text-shadow:0 3px 8px rgba(0,0,0,.5)!important;
}
body.lobby-app .spin-close{
  width:38px!important;
  height:38px!important;
  border:1px solid #3a4c44!important;
  border-bottom:2px solid #26352f!important;
  border-radius:5px!important;
  background:#16211f!important;
  color:#9cb0a5!important;
  font-size:21px!important;
  cursor:pointer!important;
}
body.lobby-app .spin-close:hover{color:#fff!important;background:#202e29!important}
body.lobby-app .spin-intro{
  margin:0!important;
  padding:16px 22px 11px!important;
  color:#82988c!important;
  font-size:10px!important;
  line-height:1.5!important;
}
body.lobby-app .spin-window{
  position:relative!important;
  overflow:hidden!important;
  margin:5px 22px 0!important;
  padding:16px!important;
  border:1px solid #31483e!important;
  border-radius:7px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(66,225,146,.13),transparent 30%),
    linear-gradient(180deg,#0c1719,#0a1216)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -18px 30px rgba(0,0,0,.20)!important;
}
body.lobby-app .spin-window::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 20%)!important;
}
body.lobby-app .spin-marker{
  z-index:6!important;
  top:0!important;
  width:0!important;
  height:0!important;
  border-left:11px solid transparent!important;
  border-right:11px solid transparent!important;
  border-top:16px solid #52e69d!important;
  filter:drop-shadow(0 0 8px rgba(82,230,157,.6))!important;
}
body.lobby-app .spin-marker::after{
  content:""!important;
  position:absolute!important;
  top:-16px!important;
  left:-2px!important;
  width:4px!important;
  height:128px!important;
  background:linear-gradient(#52e69d,rgba(82,230,157,.05))!important;
  opacity:.42!important;
}
body.lobby-app .spin-reel{
  gap:9px!important;
}
body.lobby-app .spin-tile{
  position:relative!important;
  min-width:105px!important;
  height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:hidden!important;
  border:1px solid #334a40!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(74,221,145,.10),transparent 38%),
    linear-gradient(145deg,#14201e,#0f1819)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.22)!important;
}
body.lobby-app .spin-tile::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 30%)!important;
}
body.lobby-app .spin-tile img{
  position:relative!important;
  z-index:2!important;
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  image-rendering:pixelated!important;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.4))!important;
}
body.lobby-app .spin-tile b{
  position:relative!important;
  z-index:2!important;
  color:#e8f3ed!important;
  font-size:10px!important;
  font-weight:900!important;
}
body.lobby-app .spin-tile.jackpot{
  border-color:#927b31!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,215,68,.28),transparent 42%),
    linear-gradient(145deg,#332b12,#161b18)!important;
}
body.lobby-app .spin-prize-list{
  margin:9px 22px 0!important;
  padding:0 4px!important;
  display:grid!important;
  grid-template-columns:repeat(10,1fr)!important;
  color:#50645a!important;
  font-size:7px!important;
  text-align:center!important;
}
body.lobby-app .spin-status{
  margin:13px 22px 8px!important;
  padding:10px 12px!important;
  border:1px solid #28533e!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#10281e,#111d19)!important;
  color:#69e5a7!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.lobby-app .spin-button{
  width:calc(100% - 44px)!important;
  min-height:47px!important;
  margin:0 22px!important;
  border:1px solid #64eaaa!important;
  border-bottom:3px solid #21835a!important;
  border-radius:5px!important;
  background:
    linear-gradient(180deg,#49dc94,#32c37d)!important;
  color:#062719!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 9px 22px rgba(36,194,120,.12)!important;
}
body.lobby-app .spin-button:hover{filter:brightness(1.07)!important;transform:translateY(-1px)!important}
body.lobby-app .spin-note{
  display:block!important;
  padding:11px 22px 16px!important;
  color:#50645a!important;
  font-size:7px!important;
  text-align:center!important;
}

/* Payment popup gets the same artwork-led styling */
#bbPaymentDialog{
  border-color:#40584c!important;
  border-radius:9px!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(101,76,232,.17),transparent 34%),
    radial-gradient(circle at 0 0%,rgba(54,218,140,.15),transparent 31%),
    linear-gradient(145deg,#101b1b,#0b1417 70%)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#bbPaymentDialog::backdrop{background:rgba(2,6,8,.84)!important;backdrop-filter:blur(9px)!important}
.bb-pay-head{
  padding:18px!important;
  border-bottom-color:#2e4238!important;
  background:linear-gradient(120deg,rgba(62,214,137,.10),transparent 45%)!important;
}
.bb-pay-head-icon{
  border-color:#42785d!important;
  border-radius:5px!important;
  background:radial-gradient(circle,#204a36,#10281e)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
}
.bb-pay-head-icon img{filter:drop-shadow(0 5px 6px rgba(0,0,0,.35))!important}
.bb-pay-title small{color:#6be6a8!important}
.bb-pay-title strong{font-size:22px!important;font-weight:900!important;letter-spacing:-.035em!important}
.bb-pay-close{border-color:#3b4e45!important;background:#17221f!important}
.bb-pay-tabs{background:#2c4036!important;border-bottom-color:#2c4036!important}
.bb-pay-tab{background:#0e1719!important}
.bb-pay-tab[aria-selected="true"]{background:#17261f!important;color:#73e6ad!important;box-shadow:inset 0 -3px 0 #47dc96!important}
.bb-pay-body{background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)!important}
.bb-pay-account-card,.bb-pay-verify{
  border-color:#334b40!important;
  border-radius:6px!important;
  background:linear-gradient(145deg,#13201e,#0e1719)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.bb-pay-account-card img{border:1px solid #4b6658!important;border-radius:3px!important}
.bb-pay-action,.bb-pay-form button,.bb-pay-command-actions button{
  border-radius:5px!important;
  border-bottom-width:3px!important;
}
.bb-pay-action.primary,.bb-pay-form button.primary,.bb-pay-success button{
  border-color:#5ee7a5!important;
  border-bottom:3px solid #238259!important;
  background:linear-gradient(#4bdc96,#35c47f)!important;
  color:#062719!important;
}
.bb-pay-form input{
  border-color:#3b5147!important;
  border-radius:5px!important;
  background:#081215!important;
}
.bb-pay-command{
  border-color:#315b47!important;
  border-radius:6px!important;
  background:linear-gradient(145deg,#0c1815,#09110f)!important;
}
.bb-pay-command code{
  border-color:#294238!important;
  border-radius:4px!important;
  background:#050b09!important;
  color:#76e8ae!important;
}
.bb-pay-success-icon{
  border-color:#55d99a!important;
  background:radial-gradient(circle,#276a4b,#10281c 68%)!important;
  box-shadow:0 0 35px rgba(66,216,142,.14)!important;
}
@media(max-width:650px){
  body.lobby-app .daily-spin-dialog{width:calc(100vw - 12px)!important}
  body.lobby-app .spin-heading{padding:17px 15px 14px!important}
  body.lobby-app .spin-intro{padding:13px 15px 9px!important}
  body.lobby-app .spin-window{margin:4px 15px 0!important;padding:12px!important}
  body.lobby-app .spin-prize-list{margin:8px 15px 0!important}
  body.lobby-app .spin-status{margin:11px 15px 7px!important}
  body.lobby-app .spin-button{width:calc(100% - 30px)!important;margin:0 15px!important}
}
