/* Responsive offer artwork; animated layers use transforms and opacity only. */
.page{margin-left:0}
#toast{left:50%}
.header-logo{display:block;font-size:29px}
.header-left{gap:22px}
.bonus-card{position:relative;isolation:isolate;display:flex;align-items:center;overflow:visible;min-height:350px;margin:18px 0 26px;padding:36px 44px;border:1px solid #edc76b99;border-radius:18px;background:radial-gradient(ellipse at 82% 55%,#94732025,transparent 48%),linear-gradient(115deg,#111c23,#101b20 65%,#1c261f);box-shadow:0 12px 35px #08101860,0 0 16px #ffc13a20}
.bonus-card::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:repeating-linear-gradient(115deg,transparent 0 60px,#ffffff03 61px 62px,transparent 63px 100px);pointer-events:none}
.bonus-card .bonus-copy{position:relative;z-index:2;width:62%;min-width:0}
.bonus-kicker{display:flex;gap:9px;align-items:center;color:#e9d9b2;font-size:12px;font-weight:750;letter-spacing:.8px}
.offer-status-dot{width:6px;height:6px;background:#ffe197;border-radius:50%;box-shadow:0 0 10px #ffd361}
.bonus-card h2{font-size:clamp(66px,7.5vw,104px);line-height:1.05;letter-spacing:-4px;margin:22px 0 30px;white-space:nowrap}
.bonus-card h2 small{display:block;font-size:23px;line-height:1.3;letter-spacing:-.3px;font-weight:650;color:#f6f2e7;margin-bottom:10px}
.bonus-card h2>span{color:#ffe3a0;background:linear-gradient(180deg,#fff7d4 8%,#ffdd7b 55%,#f0a62c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bonus-card h2 b{font-size:.64em;letter-spacing:-2.5px;font-weight:800;color:#fffdf5}
.bonus-card .bonus-claim{position:relative;display:inline-flex;align-items:center;justify-content:space-between;min-width:173px;min-height:48px;gap:32px;border:1px solid #fff0b088;border-radius:8px;padding:15px 20px;font-size:14px;font-weight:800;background:linear-gradient(135deg,#fff0b2,#ffd060 70%,#f2b13a);color:#322408;box-shadow:0 4px 0 #947023,0 7px 22px #ffd36122;transition:transform .18s;overflow:hidden}
.bonus-claim::before{content:'';position:absolute;top:-50%;left:0;height:200%;width:45%;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:claim-shine 5.5s ease-in-out infinite;pointer-events:none}
.bonus-card .bonus-claim:active{transform:translateY(2px)}
.bonus-card .bonus-claim .ui-icon{width:19px;height:19px}
.bonus-energy{position:absolute;right:18px;top:50%;width:370px;height:370px;transform:translateY(-50%);pointer-events:none;z-index:1}
.energy-halo{position:absolute;inset:35px 12px 5px;border-radius:50%;background:radial-gradient(ellipse,#ffe48a22,transparent 68%)}
.winnings-bag{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:bag-float 4.5s ease-in-out infinite;will-change:transform}
.bag-value{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:55px;font-weight:900;letter-spacing:-2px;fill:#66401b;paint-order:stroke;stroke:#fff2b070;stroke-width:1}
.bag-sparkles{opacity:.8}
.bonus-border{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:0}
.border-aura{position:absolute;inset:0;border:1px solid #ffe49b;border-radius:inherit;box-shadow:0 0 8px #ffd36166,inset 0 0 8px #ffd36118;animation:aura-pulse 3.8s ease-in-out infinite;will-change:opacity}
.aura-edge{position:absolute;display:block;background:linear-gradient(0deg,#ffdd7b80,#ffdd7b00);pointer-events:none}
.aura-top,.aura-bottom{left:18px;right:18px;height:10px;clip-path:polygon(0 100%,3% 85%,6% 25%,8% 90%,14% 100%,18% 50%,20% 5%,23% 90%,29% 100%,34% 30%,36% 80%,43% 100%,49% 0,51% 85%,57% 100%,62% 40%,64% 85%,71% 100%,77% 10%,80% 85%,87% 100%,91% 25%,94% 90%,100% 100%)}
.aura-top{top:-9px}
.aura-bottom{bottom:-9px;transform:scaleY(-1)}
.aura-left,.aura-right{top:18px;bottom:18px;width:10px;background:linear-gradient(90deg,#ffdd7b00,#ffdd7b80);clip-path:polygon(100% 0,85% 4%,25% 8%,90% 11%,100% 17%,5% 23%,85% 27%,100% 33%,30% 39%,85% 42%,100% 49%,0 55%,85% 58%,100% 65%,40% 72%,85% 76%,100% 82%,10% 89%,85% 93%,100% 100%)}
.aura-left{left:-9px}
.aura-right{right:-9px;transform:scaleX(-1)}
.border-lightning{position:absolute;inset:0;border-radius:inherit}
.border-bolt{position:absolute;display:block;background:linear-gradient(90deg,transparent,#fff6c9,#d4f8ff,transparent);opacity:0;animation:border-charge 5s ease-in-out infinite;transform-origin:center;will-change:transform,opacity}
.bolt-one,.bolt-three{width:26%;height:2px;border-radius:50%}
.bolt-one{top:-1px;left:12%}
.bolt-three{bottom:-1px;right:12%;animation-delay:-2.5s}
.bolt-two,.bolt-four{width:2px;height:26%;border-radius:50%;background:linear-gradient(180deg,transparent,#fff6c9,#d4f8ff,transparent)}
.bolt-two{right:-1px;top:18%;animation-delay:-1.25s}
.bolt-four{left:-1px;bottom:18%;animation-delay:-3.75s}
@keyframes aura-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes border-charge{0%,15%,85%,100%{opacity:0;transform:scale(.65)}35%,60%{opacity:.95;transform:scale(1)}}
@keyframes bag-float{0%,100%{transform:translate3d(0,2px,0) rotate(-2deg)}50%{transform:translate3d(0,-5px,0) rotate(1deg)}}
@keyframes claim-shine{0%,65%{transform:translate3d(-240%,0,0) skewX(-25deg)}90%,100%{transform:translate3d(340%,0,0) skewX(-25deg)}}
@media(hover:hover) and (pointer:fine){.bonus-card .bonus-claim:hover{transform:translateY(-2px);filter:none}}
@media(min-width:1440px){.bonus-energy{right:40px;width:400px;height:400px}.bonus-card{min-height:365px}}
@media(max-width:1100px){.bonus-card{padding:32px;min-height:330px}.bonus-card h2{font-size:76px}.bonus-energy{right:0;width:320px;height:320px}}
@media(max-width:760px){.bonus-card h2{font-size:67px}.bonus-card h2 b{font-size:.6em}.bonus-card .bonus-copy{width:70%}.bonus-energy{right:-8px;width:280px;height:280px}}
@media(max-width:640px){
  .header-left{gap:0}.header-logo{font-size:26px}
  .bonus-card{display:block;padding:26px 22px 32px;min-height:310px;margin:0 0 26px;border-radius:16px}
  .bonus-card .bonus-copy{width:100%}
  .bonus-kicker{font-size:11px;letter-spacing:.6px}
  .bonus-card h2{font-size:clamp(48px,15.2vw,72px);margin:18px 0 26px;letter-spacing:-2.8px;line-height:1.08}
  .bonus-card h2 small{font-size:18px;margin-bottom:8px}
  .bonus-card h2 b{font-size:.52em;letter-spacing:-1.1px}
  .bonus-card .bonus-claim{min-width:142px;min-height:46px;padding:12px 15px;font-size:12px;gap:22px}
  .bonus-energy{width:170px;height:170px;top:auto;bottom:-8px;right:-4px;transform:none}
  .aura-top,.aura-bottom{height:7px}.aura-top{top:-6px}.aura-bottom{bottom:-6px}
  .aura-left,.aura-right{width:7px}.aura-left{left:-6px}.aura-right{right:-6px}
  .bonus-card .bonus-claim:hover{filter:none}
}
@media(max-width:360px){.header-logo{font-size:22px}.bonus-card{padding:24px 18px 30px;min-height:282px}.bonus-energy{width:164px;height:164px;right:-9px}.bonus-card .bonus-claim{min-width:130px;padding:12px;gap:16px}}
@media(prefers-reduced-motion:reduce){.bonus-card *,.bonus-card *::before{animation:none!important;transition:none!important;will-change:auto!important}.border-bolt{opacity:.5}}
/* Suspend decorative layers off screen and while an account dialog is open. */
.bonus-card.offer-motion-paused *,.bonus-card.offer-motion-paused *::before{animation-play-state:paused!important}