.affiliate-toggle{display: none}
@media only screen and (max-width: 768px) {
    .affiliate-toggle{display: block;}
    .AfiliadoHeader{display: flex;}
    .indicacoes{ grid-template-columns: 1fr;}
    .bloco3 .item{grid-gap: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
    .PromoCard:nth-child(1), .PromoCard:nth-child(2){padding-right: 190px;grid-column: span 6;}
    .PromoCard { display: flex; flex-direction: column; grid-column: span 6; min-height: 202px; padding: 16px; padding-right: 200px; background-color: var(--color-dark-grey-1); background-position: right; background-repeat: no-repeat; background-size: contain; border-radius: 16px; aspect-ratio: auto; }
    .NavAffiliate{display: none;}
    .PromoCard-Title { font-size: 10px; font-weight: 600; line-height: 1.6; color: var(--color-light-grey-3); margin-bottom: 4px; white-space: break-spaces; }
    .PromoCard-Offer { font-size: 18px; font-weight: 700; line-height: 1.4; white-space: break-spaces; -ms-overflow-style: none; scrollbar-width: none; }
    .ReferralPageOverview-Row2{grid-template-columns: 1fr;}
    .nav-logo img{max-width: 100%;}
    .auth-section__search.header-search{display: none;}
    .nav-sidebar-wrapped .nav-sidebar-wrapped-content{display: none;}
    /*.m-prev-next-arrows{display: none;}*/
    /*.DefaultGames-CategoryIcon{display: none;}*/
    .m-button-content {font-size: 13px;}
    .CategoriesTabs{display: none;}
    .m-slider__scroll-box {grid-auto-columns: 100% !important;}
    .feedback-section--large{display: block;}
    .feedback-section-column--large { width: 100%; }
    .feedback-section-header-title--large {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;
        color: var(--color-light-grey-5);
        text-align: center;
    }
    .feedback-form-submit {display: block; text-align: center;}
    .feedback-form-submit .m-button--primary{width: 100%;}
    .FooterNav{display: block;}
    .FooterNav-Socials{text-align: center; display: none;}
    .FooterNav .nav-logo{margin-left: 0; margin-bottom: 10px;}
    .FooterLinks {
        --rowsCount: 9 !important;
        grid-gap: 0;
        align-items: start;
        display: grid;
        flex: 0 0 55%;
        grid-auto-flow: column;
        grid-template-rows: repeat(var(--rowsCount),1fr);
    }
    .BreadcrumbList {margin-bottom: 0; margin-top: 10px;}
    .lang-switcher-btn{display: none;}
    .bets{display: none;}
    .MobileNav {
        background: var(--color-dark-grey-1);
        border: 1px solid var(--color-dark-grey-2);
        bottom: 0;
        display: flex;
        justify-content: space-between;
        padding: 8px 16px calc(env(safe-area-inset-bottom) + 8px);
        position: sticky;
        width: 100%;
        z-index: 100;
    }
    .MobileNav-Item {
        align-items: center;
        color: var(--color-mid-grey-3);
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        justify-content: flex-start;
        width: 48px;
    }
    .MobileNav-IconWrap {
        align-items: center;
        background-color: var(--color-dark-grey-1);
        display: flex;
        justify-content: center;
        margin-bottom: 4px;
        position: relative;
    }
    .MobileNav-Icon {
        fill: currentColor;
        color: var(--color-mid-grey-5);
        display: block;
        font-size: 24px;
        height: 1em;
        width: 1em;
    }
    .MobileNav-TextWrap {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
        z-index: 2;
    }
    .MobileNav-Text {
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
        margin-top: 1px;
        min-width: 79px;
        text-align: center;
    }
    .MobileNav-Item--active {
        color: var(--color-pr500);
    }
    .MobileNav-Item--main .MobileNav-IconWrap {
        border: 2px solid var(--color-mid-grey-3);
        border-radius: 50%;
        box-shadow: 0 0 0 2px var(--color-dark-grey-1);
        height: 40px;
        margin-top: -16px;
        width: 40px;
    }
    .MobileNav-Item--active .MobileNav-Icon {
        color: var(--color-main2);
    }

    .sidebar-esporte{
        display: none;
    }

    .content-jogos {
        width: 100% !important;
    }

    .bt1608{
        padding: 0 5px !important;
    }
    .menu-mobile {
        display: block !important;
    }
    .Card-Text {
        font-size:10px
    }
    .Card-FooterLeft:after {
        background: none !important;
    }
    .m-button-content {
        font-size: 12px !important;
    }
    .main-nav-menu{display: none;}
    .carousel-control-next-icon, .carousel-control-prev-icon{
        width: 30px !important;
        height: 30px !important;
    }
    .m-category-slider__content {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
    .ReferralPageOverview-Row, .ReferralIncome-Cards{
        grid-template-columns: 1fr;
    }
    .ReferralIncomeCard-Arrow{display: none;}
    .hidden-xs{display: none;}
    .game-mode--desktop{padding-left: 0; padding-right: 0;}
    .game-page{
        padding: 0;
    }
    .game-item__content {
        position: fixed;
        top: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        max-height: initial;
    }
    .game-header{top: 0 !important;}
    .BonusesPage-Row{grid-template-columns: 1fr;}
    .m-form-field-label{font-size: 12px;}
}
@media (max-width: 768px) {
    body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    .menu-mobile { background: #111622; border-top: 1px solid rgba(255,255,255,.09); bottom: 0; display: block !important; left: 0; padding: 7px 8px calc(7px + env(safe-area-inset-bottom)); position: fixed; right: 0; z-index: 1050; }
    .mobile-bottom-nav { align-items: end; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); margin: 0 auto; max-width: 520px; }
    .mobile-bottom-nav__item { align-items: center; background: none; border: 0; color: #818a9b; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: 4px; justify-content: center; min-height: 52px; min-width: 0; padding: 3px 0 0; text-decoration: none; -webkit-tap-highlight-color: transparent; }
    .mobile-bottom-nav__item:focus-visible { border-radius: 10px; outline: 2px solid var(--color-pr500); outline-offset: 2px; }
    .mobile-bottom-nav__item.is-active { color: var(--color-pr500); }
    .mobile-bottom-nav__icon { align-items: center; display: flex; height: 23px; justify-content: center; width: 24px; }
    .mobile-bottom-nav__icon svg { height: 22px; width: 22px; }
    .mobile-bottom-nav__label { color: inherit; font-size: 10px; font-weight: 600; letter-spacing: .01em; line-height: 1.1; white-space: nowrap; }
    .mobile-bottom-nav__item--deposit { color: #c5ccd7; gap: 2px; }
    .mobile-bottom-nav__deposit-icon { align-items: center; background: var(--color-pr500); border: 2px solid var(--color-pr500); border-radius: 50%; box-shadow: 0 3px 12px rgba(0,0,0,.28); color: #171923; display: flex; height: 46px; justify-content: center; margin-top: -19px; width: 46px; }
    .mobile-bottom-nav__deposit-icon svg { height: 23px; width: 23px; }
}
@media (min-width: 769px) { .mobile-bottom-nav { display: none; } }
@media (max-width: 768px) {
    .menu-mobile { overflow: visible; }
    .menu-mobile::before {
        background: #111622;
        border-radius: 50%;
        content: "";
        height: 84px;
        left: calc(50% - 42px);
        position: absolute;
        top: -30px;
        width: 84px;
        z-index: 0;
    }
    .mobile-bottom-nav { position: relative; z-index: 1; }
    .mobile-bottom-nav__item--deposit { position: relative; z-index: 2; }
}
@media (max-width: 768px) {
    .menu-mobile::before {
        border: 1px solid rgba(255, 255, 255, .12);
        border-bottom-color: transparent;
        box-sizing: border-box;
    }
}
@media (max-width: 768px) {
    .menu-mobile::before {
        border: 0;
    }
    .menu-mobile::after {
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50%;
        box-sizing: border-box;
        clip-path: inset(0 0 50% 0);
        content: "";
        height: 84px;
        left: calc(50% - 42px);
        pointer-events: none;
        position: absolute;
        top: -30px;
        width: 84px;
        z-index: 1;
    }
}
@media (max-width: 768px) {
    .menu-mobile::after {
        clip-path: inset(0 0 70% 0);
    }
}

.header-gift-button {
    align-items: center;
    background: linear-gradient(145deg, #f5b14c 0%, #eb9834 58%, #d98227 100%);
    border-radius: 8px;
    color: #171717;
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    transition: filter .18s ease, transform .18s ease;
    width: 36px;
}
.header-gift-button::before {
    background: radial-gradient(ellipse at 50% 100%, rgba(255, 250, 229, .5) 0%, rgba(255, 250, 229, .2) 42%, transparent 78%);
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: 55%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 0;
}
.header-gift-button:hover { color: #171717; filter: brightness(1.08); transform: translateY(-1px); }
.header-gift-button:focus-visible,
.header-auth-actions button:focus-visible { outline: 2px solid var(--color-pr500); outline-offset: 2px; }
.header-gift-icon {
    background-color: rgba(255, 255, 255, .84);
    display: block;
    flex: 0 0 auto;
    height: 24px;
    mask-image: url('../images/sidebar/theme-icons/prize.png');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    position: relative;
    transform: translate(-.4px, -1.2px);
    width: 24px;
    z-index: 1;
    -webkit-mask-image: url('../images/sidebar/theme-icons/prize.png');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.header-gift-icon::after {
    animation: header-gift-shimmer 3.2s ease-in-out infinite;
    background: linear-gradient(110deg, transparent 24%, rgba(255,255,255,.42) 49%, transparent 74%);
    background-size: 220% 100%;
    content: "";
    inset: 0;
    mask-image: url('../images/sidebar/theme-icons/prize.png');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    position: absolute;
    -webkit-mask-image: url('../images/sidebar/theme-icons/prize.png');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
@keyframes header-gift-shimmer {
    0%, 18% { background-position: 120% 50%; opacity: .12; }
    55% { opacity: .55; }
    82%, 100% { background-position: -120% 50%; opacity: .12; }
}
@media (prefers-reduced-motion: reduce) {
    .header-gift-icon::after { animation: none; opacity: .24; }
}
.header-auth-actions { gap: 8px; }
.header-register-button {
    align-items: center;
    background: var(--color-pr500);
    border: 0;
    border-radius: 10px;
    color: #171717;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    margin: 0;
    min-height: 42px;
    padding: 9px 12px;
}
.header-register-button svg { height: 17px; width: 17px; }
.header-register-button .m-button-content { color: inherit; font-size: 13px; font-weight: 700; }
.header-login-button {
    background: #263044;
    border: 0;
    border-radius: 10px;
    color: #f5f6fa;
    font-size: 13px;
    font-weight: 700;
    min-height: 42px;
    padding: 9px 14px;
}
.header-login-button .m-button-content { color: inherit; font-size: inherit; font-weight: inherit; }
@media (max-width: 768px) {
    .header-gift-button { border-radius: 7px; flex-basis: 32px; height: 32px; width: 32px; }
    .header-gift-icon { height: 22px; transform: translate(-.37px, -1.1px); width: 22px; }
    .header-auth-actions { gap: 6px; }
    .header-register-button, .header-login-button { min-height: 38px; padding: 8px 10px; }
    .header-register-button .m-button-content, .header-login-button .m-button-content { font-size: 12px; }
}
@media (max-width: 370px) {
    .nav-logo img { width: 84px !important; }
    .header-auth-actions { gap: 4px; }
    .header-register-button, .header-login-button { padding-left: 8px; padding-right: 8px; }
}
.header-register-button {
    border: 1px solid var(--color-pr500);
    border-radius: 9999px;
}
.header-register-button .m-button-content { font-weight: 600; }
.header-login-button {
    background: transparent;
    border: 1px solid var(--color-pr500);
    border-radius: 9999px;
    font-weight: 500;
}
.header-login-button .m-button-content { font-weight: 500; }
.header-auth-actions .header-register-button,
.header-auth-actions .header-login-button {
    border-radius: 9999px !important;
}
.header-auth-actions .header-register-button,
.header-auth-actions .header-login-button {
    min-height: 38px;
    padding: 7px 15px;
}
.header-auth-actions .header-register-button .m-button-content,
.header-auth-actions .header-login-button .m-button-content {
    font-size: 14px;
}
@media (max-width: 768px) {
    .header-auth-actions .header-register-button,
    .header-auth-actions .header-login-button {
        min-height: 35px;
        padding: 6px 13px;
    }
    .header-auth-actions .header-register-button .m-button-content,
    .header-auth-actions .header-login-button .m-button-content {
        font-size: 13px;
    }
}
.header-auth-actions .header-register-button .m-button-content {
    font-weight: 650;
}
.header-auth-actions .header-register-button { position: relative; overflow: visible; }
.register-promo-badge {
    align-items: center;
    background: var(--color-pr500);
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 999px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .28);
    color: #171717;
    display: inline-flex;
    font-size: 9px;
    font-weight: 800;
    gap: 3px;
    line-height: 1;
    padding: 3px 5px;
    position: absolute;
    right: -9px;
    top: -10px;
    white-space: nowrap;
    z-index: 5;
}
.register-promo-badge svg { height: 12px; width: 12px; }
.register-promo-badge {
    background: #172235;
    border-color: #ef4268;
    color: #fff;
}
.register-promo-badge img {
    display: block;
    height: 19px;
    object-fit: contain;
    width: 19px;
}
.register-promo-badge {
    background: #df174b;
    border-color: #ff7895;
    color: #fff;
}
.register-promo-badge {
    background: color-mix(in srgb, var(--color-pr500) 28%, #171923);
    border-color: var(--color-pr500);
    color: #fff;
}
.mobile-bottom-nav__item.is-active { color: var(--color-pr500); }
.mobile-bottom-nav__deposit-icon {
    background: linear-gradient(145deg, color-mix(in srgb, var(--color-pr500) 72%, #fff), var(--color-pr500));
    border-color: color-mix(in srgb, var(--color-pr500) 76%, #fff);
    box-shadow: 0 3px 12px color-mix(in srgb, var(--color-pr500) 38%, transparent);
}

/* Keep the configured admin theme as the source of all key mobile accents. */
.mobile-bottom-nav__deposit-icon {
    background: var(--color-pr500) !important;
    background-image: none !important;
    border-color: var(--color-pr500) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-pr500) 7%, transparent),
        0 0 9px color-mix(in srgb, var(--color-pr500) 26%, transparent),
        0 3px 12px rgba(0, 0, 0, .28) !important;
    isolation: isolate;
    margin-top: -25px;
    overflow: hidden;
    position: relative;
    transform: translateY(-8px);
}
.mobile-bottom-nav__deposit-icon::before {
    background: radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, .38) 0%, rgba(255, 255, 255, .13) 38%, transparent 76%);
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: 58%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 0;
}
.mobile-bottom-nav__deposit-icon svg {
    position: relative;
    transform: translateY(-1px);
    z-index: 1;
}
.mobile-bottom-nav__item.is-active { color: var(--color-pr500) !important; }
.header-gift-button,
.header-auth-actions .header-register-button { background-color: var(--color-pr500) !important; }
.header-auth-actions .button-depositar.header-register-button,
.header-auth-actions .button-depositar.header-register-button .m-button-content {
    color: #1C2433 !important;
}
.header-auth-actions .auth-section-balance.button-saldo,
.header-auth-actions .avatar-icon {
    background-color: #111622 !important;
}
.header-auth-actions .header-login-button { border-color: var(--color-pr500) !important; }
.header-auth-actions button:focus-visible { outline-color: var(--color-pr500) !important; }
.register-promo-badge {
    background: #281222 !important;
    border-color: var(--color-pr500) !important;
    color: #fff !important;
}.register-promo-badge { border: 0 !important; }
.register-promo-badge {
    font-size: 8px;
    gap: 2px;
    padding: 2px 4px;
    right: -6px;
    top: -13px;
}
.register-promo-badge img {
    height: 15px;
    width: 15px;
}
.register-promo-badge {
    font-size: 9px;
    gap: 2px;
    padding: 2px 4px;
    right: -7px;
    top: -12px;
}
.register-promo-badge img {
    height: 18px;
    width: 18px;
}
.register-promo-badge { top: -7px; }
.register-promo-badge {
    align-items: center !important;
    box-sizing: border-box;
    display: inline-flex !important;
    height: 21px;
    justify-content: center;
    line-height: 1;
}
.register-promo-badge > span {
    display: block;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.register-promo-badge img {
    display: block;
    flex: 0 0 auto;
    object-position: center;
    vertical-align: middle;
}
.register-promo-badge {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 3px !important;
    height: 24px !important;
    justify-content: center !important;
    min-width: 58px !important;
    padding: 0 5px !important;
    text-align: center !important;
}
.register-promo-badge > span {
    flex: 0 0 auto !important;
    line-height: 1 !important;
    text-align: center !important;
}
.register-promo-badge img {
    align-self: center !important;
    flex: 0 0 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 18px !important;
}

/* Keep the promo badge legible without covering the registration label. */
.header-auth-actions .header-register-button .register-promo-badge {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 10px !important;
    gap: 2px !important;
    height: 20px !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 5px !important;
    right: -5px !important;
    top: -9px !important;
    width: max-content !important;
}
.header-auth-actions .header-register-button .register-promo-badge img {
    flex: 0 0 14px !important;
    height: 14px !important;
    width: 14px !important;
}

@media (min-width: 769px) {
    /* The lobby banner ends 150px before the viewport edge, including section inset. */
    .main-nav-content > .main-nav-auth {
        margin-right: 134px;
    }
}
.main-nav-content > .main-nav-Logo {
    align-items: center;
    display: inline-flex !important;
    flex: 0 0 auto;
    margin-left: var(--header-brand-section-start, 0px) !important;
    position: relative;
    z-index: 106;
}
.nav-sidebar-header-logo {
    display: none !important;
}

/* Casino sidebar inspired by the supplied reference; accents follow the admin theme. */
.opened .nav-sidebar-content {
    width: min(300px, calc(100vw - 32px));
}
.nav-sidebar-header {
    background: #08090c;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    justify-content: stretch;
    overflow: hidden;
}
.casino-sidebar-tabs {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
    width: 100%;
}
.casino-sidebar-tab {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: #8b909b;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    padding: 0 8px;
    text-decoration: none !important;
    white-space: nowrap;
}
.casino-sidebar-tab:hover,
.casino-sidebar-tab.is-active {
    color: #fff;
}
.casino-sidebar-tab.is-active {
    border-bottom-color: var(--color-pr500);
}
.casino-sidebar-tab__icon {
    color: var(--color-pr500);
    font-size: 16px;
    line-height: 1;
}
.casino-sidebar-v2 {
    background: #07080b;
    color: #fff;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}
.casino-sidebar-v2__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 14px 14px 20px;
    scrollbar-width: none;
}
.casino-sidebar-v2__scroll::-webkit-scrollbar { display: none; }
.nav-sidebar-expanded-content > .nav-sidebar-expanded-scrollY { display: none !important; }
.casino-sidebar-v2__daily {
    align-items: center;
    background:
        radial-gradient(circle at 80% 48%, color-mix(in srgb, var(--color-pr500) 58%, transparent), transparent 37%),
        linear-gradient(115deg, color-mix(in srgb, var(--color-pr500) 86%, #121318), color-mix(in srgb, var(--color-pr500) 56%, #111318));
    border-radius: 13px;
    color: #fff;
    display: flex;
    height: 134px;
    justify-content: space-between;
    margin-bottom: 9px;
    overflow: hidden;
    padding: 13px;
    position: relative;
    text-decoration: none !important;
}
.casino-sidebar-v2__daily::before {
    background: repeating-conic-gradient(from 20deg at 80% 50%, rgba(255,255,255,.08) 0deg 8deg, transparent 8deg 17deg);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.casino-sidebar-v2__daily-copy { align-items: flex-start; display: flex; flex-direction: column; position: relative; z-index: 1; }
.casino-sidebar-v2__daily-copy small { font-size: 10px; font-weight: 600; letter-spacing: .04em; margin-bottom: 6px; text-transform: uppercase; }
.casino-sidebar-v2__daily-copy strong { font-size: 17px; font-weight: 800; line-height: 1.35; }
.casino-sidebar-v2__cta {
    background: #fff;
    border-radius: 999px;
    color: color-mix(in srgb, var(--color-pr500) 75%, #111) !important;
    font-size: 11px;
    font-weight: 800;
    margin-top: 10px;
    padding: 6px 12px;
}
.casino-sidebar-v2__wheel {
    align-items: center;
    background:
        radial-gradient(circle, #f8df89 0 7%, transparent 8%),
        repeating-conic-gradient(from -9deg, color-mix(in srgb, var(--color-pr500) 76%, #f24360) 0deg 22deg, #16181e 22deg 24deg, #f6c94c 24deg 25deg, #30212a 25deg 45deg);
    border: 5px solid #f6d26b;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(18, 16, 18, .48), 0 0 18px color-mix(in srgb, var(--color-pr500) 70%, transparent);
    color: #fff;
    display: flex;
    flex: 0 0 102px;
    height: 102px;
    justify-content: center;
    margin-right: -18px;
    position: relative;
    width: 102px;
}
.casino-sidebar-v2__wheel::before {
    background: radial-gradient(circle, #fff7d4 0 2px, #cc9f31 3px 4px, transparent 5px);
    background-size: 18px 18px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 50%;
    content: "";
    inset: -8px;
    position: absolute;
}
.casino-sidebar-v2__wheel span {
    background: color-mix(in srgb, var(--color-pr500) 75%, #171116);
    border: 2px solid #f6d26b;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
    font-size: 8px;
    font-weight: 900;
    padding: 8px 5px;
    position: relative;
}
.casino-sidebar-v2__shortcut {
    align-items: center;
    background: linear-gradient(110deg, #17181c, #101113);
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 12px;
    color: #fff;
    display: flex;
    gap: 10px;
    min-height: 54px;
    margin-bottom: 8px;
    padding: 7px 10px;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease;
}
.casino-sidebar-v2__shortcut:hover { border-color: color-mix(in srgb, var(--color-pr500) 50%, transparent); color: #fff; }
.casino-sidebar-v2__shortcut-icon {
    align-items: center;
    background: color-mix(in srgb, var(--color-pr500) 18%, #242126);
    border: 1px solid color-mix(in srgb, var(--color-pr500) 30%, transparent);
    border-radius: 10px;
    color: var(--color-pr500);
    display: flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    transform: rotate(-5deg);
    width: 38px;
}
.casino-sidebar-v2__shortcut-icon svg { height: 23px; width: 23px; }
.casino-sidebar-v2__shortcut-icon--gift { color: color-mix(in srgb, var(--color-pr500) 55%, #ff4e91); }
.casino-sidebar-v2__shortcut-copy { display: flex; flex: 1; flex-direction: column; line-height: 1.25; }
.casino-sidebar-v2__shortcut-copy small { color: #a8aab2; font-size: 11px; }
.casino-sidebar-v2__shortcut-copy strong { color: #fff; font-size: 13px; font-weight: 750; }
.casino-sidebar-v2__chevron { color: #888c96; font-size: 22px; line-height: 1; }
.casino-sidebar-v2__loyalty {
    background: linear-gradient(140deg, #17181c, #101113);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    margin: 9px 0 13px;
    overflow: hidden;
    /* Override the global section min-width/padding so the fourth item fits in the sidebar. */
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    width: 100%;
}
.casino-sidebar-v2__loyalty-main {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 10px;
    min-height: 79px;
    padding: 10px;
    text-decoration: none !important;
}
.casino-sidebar-v2__loyalty-art {
    align-items: center;
    background: radial-gradient(circle, color-mix(in srgb, var(--color-pr500) 48%, #a64de3), transparent 68%);
    color: color-mix(in srgb, var(--color-pr500) 55%, #dc9cff);
    display: flex;
    flex: 0 0 60px;
    font-size: 53px;
    height: 60px;
    justify-content: center;
    line-height: 1;
    text-shadow: 0 0 10px color-mix(in srgb, var(--color-pr500) 65%, transparent);
}
.casino-sidebar-v2__loyalty-main small { color: #c1c4cc; display: block; font-size: 11px; margin-bottom: 4px; }
.casino-sidebar-v2__loyalty-main strong { color: #fff; display: block; font-size: 13px; line-height: 1.28; }
.casino-sidebar-v2__loyalty-links {
    border-top: 1px solid rgba(255,255,255,.08);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 8px 3px 7px;
}
.casino-sidebar-v2__loyalty-links a {
    align-items: center;
    color: #c1c4cc;
    display: flex;
    flex-direction: column;
    font-size: 9px;
    font-weight: 650;
    gap: 5px;
    text-decoration: none;
    white-space: nowrap;
}
.casino-sidebar-v2__loyalty-links a > .casino-sidebar-v2__sprite { color: var(--color-pr500); font-size: 14px; font-weight: 900; line-height: 1; }
.casino-sidebar-v2__section-title { align-items: center; color: #9296a0; display: flex; font-size: 10px; gap: 10px; letter-spacing: .1em; margin: 13px 0 11px; text-transform: uppercase; }
.casino-sidebar-v2__section-title span { background: rgba(255,255,255,.08); flex: 1; height: 1px; }
.casino-sidebar-v2__games { display: grid; gap: 7px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.casino-sidebar-v2__game {
    align-items: center;
    background: linear-gradient(145deg, #1b1c20, #101113);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    min-height: 78px;
    padding: 8px 4px;
    text-align: center;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease;
}
.casino-sidebar-v2__game:hover { border-color: color-mix(in srgb, var(--color-pr500) 48%, transparent); color: #fff; transform: translateY(-1px); }
.casino-sidebar-v2__game svg { fill: var(--color-pr500); height: 19px; width: 19px; }
.casino-sidebar-v2__game svg path:not(:first-child) { fill: none; stroke: #17191d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.3; }
.casino-sidebar-v2__game strong { font-size: 11px; font-weight: 700; line-height: 1.15; }
@media (max-width: 768px) {
    .opened.nav-sidebar {
        bottom: 0;
        left: 0;
        position: fixed;
        top: 0;
        z-index: 1200;
    }
    .opened .nav-sidebar-content { height: 100dvh; max-height: 100dvh; width: min(300px, calc(100vw - 32px)); }
    .opened .nav-sidebar-expanded { height: 100dvh; }
    .casino-sidebar-v2__scroll { padding: 12px 12px calc(18px + env(safe-area-inset-bottom)); }
    .casino-sidebar-v2__daily { height: 128px; }
    .casino-sidebar-v2__game { min-height: 74px; }
}

.nav-sidebar:not(.opened) .casino-sidebar-tab { font-size: 0; gap: 0; }
.nav-sidebar:not(.opened) .casino-sidebar-tab__icon { font-size: 17px; }

/* Sidebar uses the site's navy surfaces; the configured primary color remains the accent. */
.nav-sidebar,
.nav-sidebar-content,
.nav-sidebar-expanded-content,
.casino-sidebar-v2 {
    background: #1C2433 !important;
}
.nav-sidebar-wrapped,
.nav-sidebar-header {
    background: #1C2433 !important;
}
.nav-sidebar {
    border-right: 1px solid #34445f;
}
.casino-sidebar-v2__shortcut,
.casino-sidebar-v2__loyalty,
.casino-sidebar-v2__game {
    background: #243149 !important;
    background-image: none !important;
}
.casino-sidebar-v2,
.casino-sidebar-v2 *,
.casino-sidebar-tabs,
.casino-sidebar-tabs * {
    box-sizing: border-box;
}
.nav-sidebar-expanded-content {
    min-height: 0;
}
.casino-sidebar-v2__loyalty-links a {
    min-width: 0;
    overflow: visible;
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
    word-break: normal;
}
.casino-sidebar-v2__loyalty-links { min-width: 0; width: 100%; }
.casino-sidebar-v2__loyalty-links a { font-size: 8px; line-height: 1.05; padding: 0 1px; }
.casino-sidebar-v2__scroll {
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Pixel-matched artwork, sampled from the supplied reference image. */
.opened .nav-sidebar-content { width: min(300px, 100vw); }
.opened .nav-sidebar-header { height: 64px; }
.casino-sidebar-v2,
.nav-sidebar,
.nav-sidebar-content,
.nav-sidebar-expanded-content,
.nav-sidebar-header { background-color: #1C2433 !important; }
.casino-sidebar-v2__shortcut,
.casino-sidebar-v2__loyalty,
.casino-sidebar-v2__game { background: #243149 !important; background-image: none !important; }
.casino-sidebar-v2__shortcut,
.casino-sidebar-v2__loyalty,
.casino-sidebar-v2__game { border-color: rgba(122, 151, 196, .16); }
.casino-sidebar-v2__sprite,
.casino-sidebar-tab__sprite {
    background-image: url('../images/sidebar/reference-sprite.png') !important;
    background-repeat: no-repeat !important;
    background-size: 296px 968px;
    display: block;
    flex: 0 0 auto;
    mix-blend-mode: lighten;
}
.casino-sidebar-v2__daily { background: none !important; height: 136px; padding: 0; }
.casino-sidebar-v2__daily::before { display: none; }
.casino-sidebar-v2__daily-sprite {
    background: url('../images/sidebar/reference-sprite.png') no-repeat -14px -79px;
    background-size: 296px 968px;
    display: block;
    height: 136px;
    max-width: 100%;
    width: 268px;
}
.casino-sidebar-v2__shortcut-icon {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 44px;
    mix-blend-mode: lighten;
    transform: none;
    width: 44px;
}
.casino-sidebar-v2__sprite--app { background-position: -20px -223px; height: 45px; width: 43px; }
.casino-sidebar-v2__sprite--invite { background-position: -20px -284px; height: 44px; width: 43px; }
.casino-sidebar-v2__loyalty-art {
    background-color: transparent !important;
    flex-basis: 72px;
    height: 76px;
    text-shadow: none;
    width: 72px;
}
.casino-sidebar-v2__sprite--loyalty { background-position: -20px -350px; height: 78px; width: 50px; }
.casino-sidebar-v2__loyalty-links { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-left: 4px; padding-right: 4px; }
.casino-sidebar-v2__loyalty-links a { font-size: 9px; min-width: 0; overflow: visible; padding: 0 1px; white-space: nowrap; }
.casino-sidebar-v2__loyalty-links a .casino-sidebar-v2__sprite {
    height: 18px;
    mix-blend-mode: lighten;
    width: 18px;
}
.casino-sidebar-v2__sprite--level { background-position: -43px -441px; }
.casino-sidebar-v2__sprite--prize { background-position: -106px -441px; }
.casino-sidebar-v2__sprite--checkin { background-position: -170px -441px; }
.casino-sidebar-v2__sprite--cashback { background-position: -235px -441px; }
.casino-sidebar-v2__game { min-height: 78px; }
.casino-sidebar-v2__game > .casino-sidebar-v2__sprite { height: 22px; width: 22px; }
.casino-sidebar-v2__sprite--all-games { background-position: -46px -540px; }
.casino-sidebar-v2__sprite--live { background-position: -134px -540px; }
.casino-sidebar-v2__sprite--slots { background-position: -226px -540px; }
.casino-sidebar-v2__sprite--aviator { background-position: -46px -622px; }
.casino-sidebar-v2__sprite--football { background-position: -134px -622px; }
.casino-sidebar-v2__sprite--mines { background-position: -226px -622px; }
.casino-sidebar-v2__sprite--tiger { background-position: -46px -706px; }
.casino-sidebar-v2__sprite--roulette { background-position: -134px -706px; }
.casino-sidebar-tab__sprite { height: 18px; width: 18px; }
.casino-sidebar-tab__sprite--casino { background-position: -43px -25px; }
.casino-sidebar-tab__sprite--sports { background-position: -171px -25px; }
@media (max-width: 768px) {
    .opened.nav-sidebar { width: min(300px, 100vw); }
    .opened .nav-sidebar-content { width: min(296px, 100vw) !important; }
    .casino-sidebar-v2__scroll { padding-left: 14px; padding-right: 14px; }
}
.opened .nav-sidebar-content { width: min(300px, 100vw) !important; }
.casino-sidebar-v2__loyalty-links a { box-sizing: border-box; min-width: 0; width: 100%; }
.casino-sidebar-v2__loyalty-label {
    color: #c1c4cc !important;
    display: block;
    font-size: 9px !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    letter-spacing: normal !important;
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
}
.nav-sidebar.opened {
    flex: 0 0 300px !important;
    width: 300px !important;
}
.nav-sidebar.opened > .nav-sidebar-content {
    flex: 0 0 300px !important;
    width: 300px !important;
}
@media (max-width: 768px) {
    .nav-sidebar.opened {
        flex-basis: min(296px, 100vw) !important;
        width: min(296px, 100vw) !important;
    }
    .nav-sidebar.opened > .nav-sidebar-content {
        flex-basis: min(296px, 100vw) !important;
        width: min(296px, 100vw) !important;
    }
}

/* Sidebar cards: keep the navy surfaces, remove outlines, and use tighter corners. */
.casino-sidebar-v2__shortcut,
.casino-sidebar-v2__loyalty,
.casino-sidebar-v2__game {
    border: 0 !important;
    border-radius: 6px !important;
}
.casino-sidebar-v2__loyalty-links {
    border-top: 0 !important;
}

/* Recolor the red sidebar symbols with the primary color saved in the admin theme. */
.casino-sidebar-v2__sprite--level,
.casino-sidebar-v2__sprite--prize,
.casino-sidebar-v2__sprite--checkin,
.casino-sidebar-v2__sprite--cashback,
.casino-sidebar-v2__sprite--all-games,
.casino-sidebar-v2__sprite--live,
.casino-sidebar-v2__sprite--slots,
.casino-sidebar-v2__sprite--aviator,
.casino-sidebar-v2__sprite--football,
.casino-sidebar-v2__sprite--mines,
.casino-sidebar-v2__sprite--tiger,
.casino-sidebar-v2__sprite--roulette {
    background: var(--color-pr500) !important;
    background-image: none !important;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mix-blend-mode: normal !important;
}
.casino-sidebar-v2__sprite--level { mask-image: url('../images/sidebar/theme-icons/level.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/level.png'); }
.casino-sidebar-v2__sprite--prize { mask-image: url('../images/sidebar/theme-icons/prize.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/prize.png'); }
.casino-sidebar-v2__sprite--checkin { mask-image: url('../images/sidebar/theme-icons/checkin.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/checkin.png'); }
.casino-sidebar-v2__sprite--cashback { mask-image: url('../images/sidebar/theme-icons/cashback.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/cashback.png'); }
.casino-sidebar-v2__sprite--all-games { mask-image: url('../images/sidebar/theme-icons/all-games.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/all-games.png'); }
.casino-sidebar-v2__sprite--live { mask-image: url('../images/sidebar/theme-icons/live.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/live.png'); }
.casino-sidebar-v2__sprite--slots { mask-image: url('../images/sidebar/theme-icons/slots.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/slots.png'); }
.casino-sidebar-v2__sprite--aviator { mask-image: url('../images/sidebar/theme-icons/aviator.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/aviator.png'); }
.casino-sidebar-v2__sprite--football { mask-image: url('../images/sidebar/theme-icons/football.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/football.png'); }
.casino-sidebar-v2__sprite--mines { mask-image: url('../images/sidebar/theme-icons/mines.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/mines.png'); }
.casino-sidebar-v2__sprite--tiger { mask-image: url('../images/sidebar/theme-icons/tiger.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/tiger.png'); }
.casino-sidebar-v2__sprite--roulette { mask-image: url('../images/sidebar/theme-icons/roulette.png'); -webkit-mask-image: url('../images/sidebar/theme-icons/roulette.png'); }

/* Tint the red portions of the daily roulette artwork with the admin theme color. */
.casino-sidebar-v2__daily-sprite {
    isolation: isolate;
    position: relative;
}
.casino-sidebar-v2__daily-sprite::after {
    background: var(--color-pr500);
    content: "";
    inset: 0;
    /* Recolor the full backdrop and keep only the circular wheel artwork original. */
    mask-image: radial-gradient(ellipse 62px 62px at 78.5% 53.7%, transparent 0 97%, #000 100%);
    mix-blend-mode: hue;
    pointer-events: none;
    position: absolute;
    -webkit-mask-image: radial-gradient(ellipse 62px 62px at 78.5% 53.7%, transparent 0 97%, #000 100%);
}

/* Crisp, recognizable game-category icons, tinted with the configured theme color. */
.casino-sidebar-v2__game-icon {
    align-items: center;
    color: var(--color-pr500);
    display: inline-flex;
    flex: 0 0 23px;
    height: 23px;
    justify-content: center;
    width: 23px;
}
.casino-sidebar-v2__game .casino-sidebar-v2__game-icon svg {
    fill: none !important;
    height: 23px;
    overflow: visible;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
    width: 23px;
}
.casino-sidebar-v2__game .casino-sidebar-v2__game-icon svg path:not(:first-child) {
    fill: none !important;
    stroke: #1c2433 !important;
    stroke-width: 1.35;
}
.casino-sidebar-v2__game .casino-sidebar-v2__game-icon svg .football-panel {
    fill: var(--color-pr500) !important;
    stroke: #1c2433 !important;
    stroke-width: 1.2;
}
.casino-sidebar-v2__game .casino-sidebar-v2__game-icon svg .reel-symbol,
.casino-sidebar-v2__game .casino-sidebar-v2__game-icon svg .wheel-center {
    fill: var(--color-pr500) !important;
    stroke: none !important;
}