.bonus-promo{padding:0;border:1px solid #58d8ff;border-radius:22px;background:#031637;color:#fff;width:min(540px,calc(100vw - 28px),calc(100dvh - 150px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 0 0 6px #3dcaff15,0 24px 100px #000a}
.bonus-promo:not([open]){display:none}.bonus-promo[open]{animation:bonus-enter .24s ease-out}.bonus-promo::backdrop{background:#010b22c9;backdrop-filter:blur(6px)}
.bonus-promo-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.bonus-promo-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #8adfff8c;border-radius:50%;background:#02152fee;color:#fff;font:400 30px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 3px 14px #0005;z-index:1}
.bonus-promo-close:hover{background:#0d4478}.bonus-promo-actions{padding:16px 20px 17px;background:linear-gradient(120deg,#06264b,#031637);text-align:center}
.bonus-promo-cta{display:flex;align-items:center;justify-content:center;gap:15px;min-height:51px;padding:12px 22px;border:1px solid #99f3c5;border-radius:12px;background:linear-gradient(120deg,#098a50,#13b96f);box-shadow:0 4px 0 #035c37;color:#fff;font-size:17px;font-weight:850;text-decoration:none;transition:transform .2s,filter .2s}
.bonus-promo-cta:hover{color:white;filter:brightness(1.12);transform:translateY(-2px)}.bonus-promo-actions p{margin:12px 0 0;color:#aacce5;font-size:10px;line-height:1.4}.bonus-promo-close:focus-visible,.bonus-promo-cta:focus-visible{outline:3px solid #ffcc55;outline-offset:3px}
html.bonus-promo-open{overflow:hidden}.bonus-promo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes bonus-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.bonus-promo{border-radius:17px}.bonus-promo-actions{padding:14px 16px 16px}.bonus-promo-cta{font-size:16px}.bonus-promo-close{right:8px;top:8px}}
@media(max-height:480px){.bonus-promo{width:min(320px,calc(100vw - 28px));max-height:calc(100dvh - 20px)}.bonus-promo-art{max-height:calc(100dvh - 135px);object-fit:contain}.bonus-promo-actions{padding:10px 14px}.bonus-promo-actions p{margin-top:8px}.bonus-promo-cta{min-height:44px;padding:8px 15px}}
@media(prefers-reduced-motion:reduce){.bonus-promo[open]{animation:none}.bonus-promo-cta{transition:none}}