body.aw-redesign.immersive-home {
    --header-nav-h: 104px;
    --topup-strip-h: 44px;
    --header-h: calc(var(--header-nav-h) + var(--topup-strip-h));
}
body.aw-redesign.immersive-home .header { height: var(--header-h); }
body.aw-redesign.immersive-home .header__container { height: var(--header-nav-h); }
body.aw-redesign.immersive-home.has-scroll-cinema :is(.cinematic-gallery,.cinematic-journey) { padding-top: calc(var(--header-h) + 16px); }
body.aw-redesign.immersive-home :is(.features,.steps,.community,.news) { scroll-margin-top: calc(var(--header-h) + 16px); }
@media(min-width:700px) and (max-height:780px) {
    body.aw-redesign.immersive-home .world-copy { top: max(18%,calc(var(--header-h) + 18px)) !important; }
}
body.aw-redesign.immersive-home .topup-promo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    height: var(--topup-strip-h);
    margin: 0;
    padding: 6px 24px;
    border: 0;
    border-top: 1px solid #d4bdce18;
    border-bottom: 1px solid #d4bdce22;
    background: #141219;
    color: #d6cbd6;
    font: 400 12px/1.4 Onest,sans-serif;
    text-align: left;
    cursor: pointer;
    transition: background-color .6s ease,box-shadow .6s ease,color .3s ease;
}
.topup-promo img { width: 19px; height: 19px; object-fit: contain; opacity: .8; }
.topup-promo-copy { display: flex; align-items: center; gap: 20px; }
.topup-promo-name { font: 500 10px/1.4 Unbounded,sans-serif; }
.topup-promo-offer { white-space: nowrap; }
.topup-promo-offer strong { color: #e5bdcf; font-weight: 600; }
.topup-promo-more { display: flex; align-items: center; gap: 10px; color: #e2d8e1; font-size: 11px; white-space: nowrap; }
.topup-promo-more i { font: 400 17px/1 Arial,sans-serif; font-style: normal; transition: translate .6s cubic-bezier(.22,1,.36,1); }
body.aw-redesign.immersive-home .topup-promo:is(:hover,:focus-visible) { background: #1b181f; color: #f0e6ec; box-shadow: inset 0 0 22px #efdfeb10; }
.topup-promo:is(:hover,:focus-visible) .topup-promo-more i { translate: 2px -2px; }
.topup-promo:focus-visible { outline: 1px solid #e4bdcf; outline-offset: -4px; }
html.topup-modal-open { overflow: hidden; }
#topupBonusDialog:not([open]) { display: none; }
#topupBonusDialog {
    width: min(640px,calc(100% - 48px));
    height: min(830px,calc(100dvh - 48px));
    max-width: none;
    max-height: none;
    margin: auto;
    padding: 0;
    border: 1px solid #d4bdce40;
    border-radius: 4px;
    background: #141218;
    color: #f3eaf0;
    font-family: Onest,Arial,sans-serif;
    overflow: hidden;
    box-shadow: 0 24px 90px #05040bcc;
}
#topupBonusDialog::backdrop { background: #08070cad; }
.topup-shell { display: flex; flex-direction: column; height: 100%; min-height: 0; }
#topupBonusDialog[open] .topup-shell { animation: aw-topup-in .35s cubic-bezier(.22,1,.36,1); }
.topup-head { flex-shrink: 0; padding: 22px 30px 20px; border-bottom: 1px solid #d4bdce26; }
.topup-head-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.topup-brand { display: flex; align-items: center; gap: 10px; color: #bfb2c1; font: 500 9px/1.5 Unbounded,sans-serif; letter-spacing: .06em; }
.topup-brand img { width: 23px; height: 23px; }
.topup-close { width: 44px; height: 44px; flex-shrink: 0; padding: 0; border: 1px solid #d4bdce26; background: none; color: #e5d5e1; font: 300 25px/1 Onest,sans-serif; cursor: pointer; transition: background-color .35s ease,border-color .35s ease; }
.topup-close:hover { background: #efdfeb0b; border-color: #d4bdce66; }
.topup-head h2 { margin: 0; color: #f3eaf0; font: 500 46px/1.1 Oswald,sans-serif; text-transform: uppercase; letter-spacing: -.02em; }
.topup-scroll { flex: 1; min-height: 0; padding: 20px 30px 24px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #786471 #141218; }
.topup-lead { margin: 0 0 24px; max-width: 44ch; color: #bfb3c3; font-size: 13px; line-height: 1.65; }
.topup-tiers { width: 100%; border-collapse: collapse; table-layout: fixed; }
.topup-tiers th { padding: 0 0 12px; border-bottom: 1px solid #d4bdce40; color: #b6a6ba; font: 500 9px/1.5 Unbounded,sans-serif; text-align: left; }
.topup-tiers th:last-child { width: 100px; text-align: right; }
.topup-tiers td { padding: 8px 0; border-bottom: 1px solid #d4bdce20; color: #e1d6e1; font-size: 15px; line-height: 1.5; }
.topup-tiers td:last-child { color: #e4bdcf; text-align: right; font: 500 29px/1.15 Oswald,sans-serif; }
.topup-tiers tr:last-child td { border-bottom: 0; }
.topup-tiers tbody tr:hover td { background: #efdfeb05; }
.topup-footer { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 30px; border-top: 1px solid #d4bdce26; background: #100f14; }
.topup-footer p { margin: 0; color: #a99cad; font: 500 9px/1.6 Unbounded,sans-serif; }
body.aw-redesign.immersive-home .topup-fund {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    height: 52px; min-height: 0; padding: 10px 20px; min-width: 220px;
    color: #f3e8f0 !important; font: 500 10px/1.5 Unbounded,sans-serif !important;
    filter: drop-shadow(0 0 3px #efdfeb00) drop-shadow(0 0 12px #dca8bf00) !important;
    text-shadow: none !important;
    transition: filter .6s cubic-bezier(.22,1,.36,1) !important;
}
body.aw-redesign.immersive-home .topup-fund::before {
    background-image: url('../img/immersive/action-panel-v6.png') !important;
    background-size: 120% 200% !important;
    clip-path: polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
    filter: brightness(.23) saturate(.3) !important;
    transition: filter .6s cubic-bezier(.22,1,.36,1) !important;
}
body.aw-redesign.immersive-home .topup-fund:is(:hover,:focus-visible) { color: #f3e8f0 !important; filter: drop-shadow(0 0 3px #efdfeb38) drop-shadow(0 0 12px #dca8bf40) !important; }
body.aw-redesign.immersive-home .topup-fund:is(:hover,:focus-visible)::before { filter: brightness(.29) saturate(.3) !important; }
#topupBonusDialog :is(button,a):focus-visible { outline: 2px solid #dfb7c8; outline-offset: 3px; }
#topupBonusDialog .topup-scroll:focus-visible { outline: 1px solid #d4bdce60; outline-offset: -3px; }
@keyframes aw-topup-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:1279px) { body.aw-redesign.immersive-home { --header-nav-h: 88px; } }
@media(max-width:699px) {
    body.aw-redesign.immersive-home { --header-nav-h: 82px; --topup-strip-h: 58px; }
    body.aw-redesign.immersive-home .topup-promo { gap: 12px; justify-content: space-between; padding-inline: 18px; }
    .topup-promo-copy { flex: 1; flex-direction: column; align-items: flex-start; gap: 4px; }
    .topup-promo-name { font-size: 8px; }
    .topup-promo-offer { font-size: 11px; }
    .topup-promo-more { gap: 5px; font-size: 10px; }
    #topupBonusDialog { width: calc(100% - 24px); height: calc(100dvh - 24px); }
    .topup-head { padding: 14px 18px 18px; }
    .topup-head h2 { font-size: 36px; }
    .topup-scroll { padding: 18px; }
    .topup-lead { font-size: 12px; margin-bottom: 20px; }
    .topup-tiers th { font-size: 8px; }
    .topup-tiers td { font-size: 13px; padding-block: 8px; }
    .topup-tiers td:last-child { font-size: 27px; }
    .topup-tiers th:last-child { width: 70px; }
    .topup-footer { padding: 16px 18px; gap: 10px; }
    .topup-footer p { font-size: 8px; }
    body.aw-redesign.immersive-home .topup-fund { min-width: 0; flex: 1; max-width: 250px; font-size: 9px !important; padding-inline: 14px; }
}
@media(max-width:359px) {
    body.aw-redesign.immersive-home .topup-promo { padding-inline: 14px; gap: 8px; }
    .topup-promo img { display: none; }
    .topup-footer p { display: none; }
}
@media(prefers-reduced-motion:reduce) {
    html:not([data-interaction-motion="full"]) #topupBonusDialog .topup-shell { animation: none !important; }
    html:not([data-interaction-motion="full"]) :is(.topup-promo,.topup-promo-more i,.topup-close,.topup-fund,.topup-fund::before) { transition: none !important; }
}