#promoModal .reward-header{position:relative;isolation:isolate;overflow:hidden}
#promoModal{--reward-context-accent:#bba9fa}
#promoModal.reward-modal-new-user{--reward-context-accent:#7ddcba}
#promoModal .reward-nav-heading{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.3}
#promoModal .reward-nav-heading small{color:var(--reward-context-accent);font-size:10px;font-weight:700;letter-spacing:.6px}
#promoModal .reward-context-label{position:relative;z-index:1;display:inline-flex;align-self:flex-start;width:fit-content;margin:0 0 8px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--reward-context-accent) 30%,transparent);border-radius:7px;background:#ffffff06;color:var(--reward-context-accent);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.5px}
#promoModal .reward-header::after{display:none}
#promoModal .reward-modal{position:relative;isolation:isolate;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
#promoModal .reward-modal::after{content:'';position:absolute;right:-55px;top:100px;width:280px;height:280px;background:url('../../favicon/favicon-512.png') center/contain no-repeat;opacity:.065;filter:grayscale(1) brightness(1.35);transform:rotate(-18deg);mask-image:linear-gradient(120deg,transparent 5%,#000 65%);pointer-events:none;z-index:-1}
#promoModal .reward-table-wrap::after{content:'';display:block;height:1px;margin:18px 22px 4px;background:linear-gradient(90deg,transparent,var(--reward-context-accent),transparent);opacity:.4}
#promoModal .reward-table-wrap:has(#tierBody tr[style*="display:none"])::after{display:none}
#promoModal .reward-modal::after{opacity:.035}
#promoModal .reward-vip-label > span::before{box-shadow:0 0 0 1px #7ddcba45}
#promoModal:not(.reward-step-two-ready) .reward-code-label > span::before{background:#ffffff06;color:#87929f}
#promoModal.reward-step-two-ready .reward-vip-label > span::before{content:'✓';box-shadow:none;background:#254539;color:#a1efc5}
#promoModal.reward-step-two-ready .reward-code-label > span::before{box-shadow:0 0 0 1px #7ddcba65;background:#254539;color:#a1efc5}
#promoModal .reward-table{font-variant-numeric:tabular-nums}
#promoModal .reward-table :is(th,td):last-child{text-align:right}
#promoModal .reward-table-wrap::after{height:7px;margin:12px 18px;background:linear-gradient(90deg,transparent,var(--reward-context-accent)) left center/calc(50% - 9px) 1px no-repeat,linear-gradient(90deg,var(--reward-context-accent),transparent) right center/calc(50% - 9px) 1px no-repeat,conic-gradient(from 45deg,transparent 0deg 90deg,var(--reward-context-accent) 90deg 180deg,transparent 180deg 270deg,var(--reward-context-accent) 270deg) center/5px 5px no-repeat}
#promoModal .reward-support-row{display:flex;justify-content:center;margin:12px 18px 16px}
#promoModal .reward-support-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:9px 14px;border:1px solid #598ca347;border-radius:10px;background:#39718512;color:#9cd7ef;text-decoration:none;font-size:12px;line-height:1.4}
#promoModal .reward-support-link span{min-width:0;overflow-wrap:anywhere}
#promoModal .reward-support-link i{flex-shrink:0}
#promoModal .reward-footer{padding:12px 18px 20px;color:#8d9ba9;font-size:10px;line-height:1.5}
#promoModal #promoTokenSubmit:disabled{opacity:1;background:#263c37!important;color:#9eb4ac!important;border:1px solid #456356;box-shadow:none;cursor:not-allowed}
#promoModal :is(#promoRecoveryCodeInput,#promoTokenInput):focus-visible{outline:2px solid #7ddcba;outline-offset:2px}
@media(max-width:767.98px){
#promoModal .reward-header{padding:14px 18px!important;gap:6px!important}
#promoModal .reward-context-label{display:none}
#promoModal .reward-game-img{width:38px!important;height:38px!important;flex-basis:38px!important}
#promoModal .reward-game-title{font-size:18px!important;font-weight:700}
#promoModal .reward-desc{font-size:11px!important;line-height:1.5}
#promoModal .reward-body{padding:16px 18px!important}
#promoModal .reward-vip-panel{padding-bottom:16px!important}
#promoModal :is(#promoRecoveryCodeInput,#promoTokenInput){min-height:50px;height:50px;padding:12px 14px;font-size:16px;border-radius:12px}
#promoModal .reward-token{gap:12px!important;margin-top:8px!important}
#promoModal #promoTokenSubmit{min-height:48px;height:auto;border-radius:12px;font-size:13px;padding:12px;line-height:1.4;color:#f0fff8}
#promoModal .reward-code-label small{font-size:11px;line-height:1.5}
#promoModal .reward-token-status-copy span{font-size:11px!important;line-height:1.5}
#promoModal.reward-modal-new-user .reward-table-inner{overflow:visible}
#promoModal.reward-modal-new-user .reward-table thead{display:none}
#promoModal.reward-modal-new-user .reward-table,#promoModal.reward-modal-new-user .reward-table tbody{display:block;width:100%}
#promoModal.reward-modal-new-user #tierBody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px;text-align:left}
#promoModal.reward-modal-new-user #tierBody td{padding:0!important;border:0!important;width:auto!important;min-width:0;text-align:left!important;background:none!important;white-space:normal}
#promoModal.reward-modal-new-user #tierBody td:first-child{grid-column:1;grid-row:1}
#promoModal.reward-modal-new-user #tierBody td:nth-child(2){grid-column:1;grid-row:2;font-size:12px;color:#c7d5de}
#promoModal.reward-modal-new-user #tierBody td:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:23px;font-weight:750;color:#87e3b4!important}
#promoModal .new-user-reward-title{font-size:13px!important;line-height:1.4}
#promoModal .new-user-reward-sub{font-size:10px!important;line-height:1.5;max-width:none!important;margin-top:4px}
#promoModal .new-user-entry-panel{margin-top:14px!important;padding-top:12px}
}