/* GAX777 login/register + homepage accent. Theme 16 supplies the CSS variables. */
:root {
    --gax-bg: #0d1d13;
    --gax-panel: #121f18;
    --gax-input: #16241c;
    --gax-line: #2a3d32;
    --gax-mint: #93e89a;
    --gax-green: #3eb85f;
    --gax-outer-bg: #021a02;
    --gax-outer-image: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg");
    --gax-grad: linear-gradient(180deg, #93e89a 0%, #67c99b 48%, #3eb85f 100%);
    --gax-grad-h: linear-gradient(90deg, #7fd88a 0%, #93e89a 50%, #5ecf7a 100%);
    --gax-yellow: #ffe14a;
}

html,
body.ready,
.ant-layout.dG74u5GXnaRibPMHNtUz {
    background-color: #021a02 !important;
    background-image: var(--gax-outer-image) !important;
    background-position: center top !important;
    background-repeat: repeat !important;
    background-size: 52px 90px !important;
}

/* Desktop canvas: match the reference site's textured outer background. */
@media screen and (min-width: 751px) {
    html,
    body.ready,
    .ant-layout.dG74u5GXnaRibPMHNtUz {
        background-color: var(--gax-outer-bg) !important;
        background-image: var(--gax-outer-image) !important;
        background-attachment: fixed !important;
        background-position: center center !important;
        background-repeat: repeat !important;
        background-size: 52px 90px !important;
    }
}

.header-music,
.n3HEgA922KWkzzH_g3gV.header-music {
    display: none !important;
}

#headerWrap,
.ant-layout-header,
#headerWrap .layout-header__main,
#headerWrap .mE28GEAN8FV1O95J3U3M {
    background: #16291c !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    height: 1.2rem !important;
    line-height: normal !important;
    padding: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#headerWrap .layout-header__main,
#headerWrap .mE28GEAN8FV1O95J3U3M {
    position: relative !important;
}

#headerWrap .PZkMMR2jHxxleqx5vDm3,
#headerWrap .iG7JZkZ_w8v3JAB11MXx {
    display: flex;
    align-items: center;
    gap: 0.16rem;
    margin: 0;
    padding: 0;
}

#headerWrap .iG7JZkZ_w8v3JAB11MXx {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}

#header-switchCurrency {
    display: none !important;
}

#headerWrap .m7vhFTfzt4jM_ufvcChe {
    width: 0.68rem !important;
    height: 0.68rem !important;
    margin: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible;
    flex-shrink: 0;
}

#headerWrap .gax-header-menu-icon {
    width: 0.68rem;
    height: 0.68rem;
    display: block;
    object-fit: contain;
}

#headerWrap .fogjOy3VvkohFvHLK7pP {
    width: 126px;
    height: 36px !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    overflow: visible;
}

#headerWrap .header-logo,
#headerWrap .II_5ZM4k4hTlrmJknbDi {
    width: 126px !important;
    height: 36px !important;
    max-width: none !important;
    display: block;
    object-fit: contain;
    flex-shrink: 0;
}

.gxGAYqrQfou7txLBXcdA {
    display: flex;
    align-items: center;
    gap: 0.16rem;
    position: absolute;
    right: 51px;
}

.gxGAYqrQfou7txLBXcdA .ant-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 0.56rem !important;
    width: 1.2rem !important;
    min-width: 1.2rem;
    padding: 0 !important;
    border-radius: 0.16rem !important;
    font-size: 0.24rem !important;
    font-weight: 600 !important;
    line-height: 0.56rem !important;
}

.gxGAYqrQfou7txLBXcdA #open-login.ant-btn-primary {
    background: linear-gradient(180deg, #c0f5d0, #159a4a 52%, #7ee3a2) !important;
    border: none !important;
    color: rgba(0, 0, 0, 0.85) !important;
}

.gxGAYqrQfou7txLBXcdA #open-register.ant-btn-default {
    background: linear-gradient(180deg, #ffe1cf, #7dca94 52%, #ffe1cf) !important;
    border: none !important;
    color: rgba(0, 0, 0, 0.85) !important;
}

#headerWrap .aKYzCJkXFoBpf1f_57pF {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
}

#headerWrap .aKYzCJkXFoBpf1f_57pF .aL71o3DeV0RxWltlpcMR {
    margin: 0 !important;
    position: absolute !important;
    right: 51px !important;
}

#headerWrap .WgzrFCqvzcfcPCuyMqFw,
#headerWrap #deposit,
#headerWrap #userNav,
#headerWrap .refresh-icon {
    display: none !important;
}

#headerWrap .currencyInfoBox,
#headerWrap .on1CNo54XAiFeXkANsKU {
    background: linear-gradient(135deg, #19261d, #2a382e) !important;
    border: 1px solid #7ee3a2 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0;
    min-width: 100px;
    padding: 7px 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    line-height: normal !important;
    width: auto !important;
}

#headerWrap .currencyInfoBox::after {
    content: "";
    width: 17px;
    height: 17px;
    margin-left: 5px;
    background: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/home_recharge.svg") center / contain no-repeat;
    flex-shrink: 0;
}

#headerWrap .LpgLT8H8XiTu9f8wSCN3 {
    display: none !important;
}

#headerWrap .userBalance,
#headerWrap .iw9FDOIygJyoQtUHSJAg,
#headerWrap .switch-lang__text {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

#headerWrap .iw9FDOIygJyoQtUHSJAg > div,
#headerWrap .iw9FDOIygJyoQtUHSJAg > div > span {
    align-items: center !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

#headerWrap .iw9FDOIygJyoQtUHSJAg .userBalance,
#headerWrap .iw9FDOIygJyoQtUHSJAg .SSAbrhtT3U690CrzLUd5 {
    color: #fff !important;
    display: inline !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    text-decoration: none !important;
    text-overflow: clip !important;
}

#headerWrap .userBalance::before {
    content: "R$ ";
}

#headerWrap .gax-header-cs,
#headerWrap .THMbSGslhbWDHoIwYNW_ {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px;
    margin: 0 !important;
    border-radius: 9px;
    border: 1px solid #7ee3a2;
    background: linear-gradient(135deg, #19261d, #2a382e);
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: absolute !important;
    right: 7px !important;
    flex-shrink: 0;
    box-sizing: border-box;
}

#headerWrap .gax-header-cs img {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
}

/* GAX auth: 360 px card, 118 px header with 17 px body overlap. */
@font-face {
    font-family: GaxAuthIcons;
    src: url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/fonts/gax-auth-icons.ttf') format('truetype');
    font-display: block;
}

html.gax-auth-open,
html.gax-auth-open body {
    overflow: hidden;
    overscroll-behavior: none;
}

.gax-auth-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.gax-auth-modal .ant-modal-mask {
    background: rgba(0, 0, 0, 0.5) !important;
}

.gax-auth-modal .ant-modal-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    height: 100%;
    height: 100dvh;
    box-sizing: border-box;
    padding: 16px 15px;
    overflow: hidden;
    text-align: left;
}

.gax-auth-modal .ant-modal-wrap::before { display: none; }

.gax-auth-modal .ant-modal {
    width: 360px !important;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    top: auto;
    flex: 0 1 360px;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    border-radius: 17px;
}

#auth_window .ant-modal-content,
#auth_window .ant-modal-body {
    background: #1a2a1f !important;
    border-radius: 17px;
    box-shadow: none;
    padding: 0 !important;
    overflow: hidden;
    border: 0;
    max-height: none;
}

.gax-auth-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 118px;
    background: linear-gradient(90deg, #37b968 3%, #c0f5d0 53%, #37b968 99%);
    border-radius: 17px 17px 0 0;
}

.gax-auth-tabs {
    display: flex;
    width: 100%;
    height: 100%;
}

.gax-auth-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: transparent;
    border: 0;
    padding: 0 0 11px;
    font-family: inherit;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
}

.gax-auth-tab.is-active {
    color: #000;
    font-size: 23px;
    font-weight: 700;
}

.gax-auth-tab.is-active::after {
    content: "";
    position: absolute;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 17px solid #1a2a1f;
    z-index: 1;
}

#gax-auth-close {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 29px;
    height: 29px;
    border: 0;
    padding: 0;
    background: rgba(18, 116, 66, .38);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: GaxAuthIcons;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    z-index: 2;
    box-sizing: border-box;
}

#gax-auth-close span::before,
#gax-auth-close span::after {
    content: "";
    position: absolute;
    top: 13px;
    left: 6px;
    width: 17px;
    height: 2px;
    border-radius: 2px;
    background: #74cd91;
    transform: rotate(45deg);
}
#gax-auth-close span::after { transform: rotate(-45deg); }

.gax-auth-body {
    box-sizing: border-box;
    position: relative;
    margin-top: -17px;
    border-radius: 17px 17px 0 0;
    padding: 29px 15px 20px;
    background: #1a2a1f;
}

.gax-auth-pane {
    display: none;
}

.gax-auth-pane.is-active {
    display: block;
}

.gax-field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 45px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
}

.gax-phone-field {
    position: relative;
    padding-left: 8px;
}

.gax-country-trigger {
    align-items: center;
    align-self: stretch;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.13);
    color: #d5eadc;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    margin: 7px 9px 7px 0;
    min-width: 83px;
    outline: 0;
    padding: 0 8px 0 2px;
}

.gax-country-trigger:focus-visible {
    border-radius: 5px;
    box-shadow: 0 0 0 2px rgba(126, 227, 162, 0.65);
}

.gax-country-flag,
.gax-country-option-flag {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-size: 19px;
    line-height: 1;
}

.gax-phone-dial {
    color: #d5eadc;
    font-size: 13px;
    white-space: nowrap;
}

.gax-country-caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #9bc4a7;
    height: 0;
    transition: transform 0.18s ease;
    width: 0;
}

.gax-phone-field.is-country-open .gax-country-caret {
    transform: rotate(180deg);
}

.gax-country-panel {
    background: #203629;
    border: 1px solid rgba(151, 218, 173, 0.38);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
    display: none;
    left: -1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: calc(100% + 5px);
    z-index: 20;
}

.gax-phone-field.is-country-open .gax-country-panel {
    display: block;
}

.gax-country-search-wrap {
    align-items: center;
    background: #172a20;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    color: #9bc4a7;
    display: flex;
    gap: 7px;
    height: 42px;
    padding: 0 11px;
}

.gax-country-search-wrap .gax-country-search {
    color: #fff;
    font-size: 13px;
    height: 40px;
}

.gax-country-search::-webkit-search-cancel-button {
    filter: invert(1);
}

.gax-country-list {
    max-height: 210px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 4px 0;
    scrollbar-color: #4f8060 transparent;
    scrollbar-width: thin;
}

.gax-country-option {
    align-items: center;
    background: transparent;
    border: 0;
    color: #e7f1ea;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    gap: 9px;
    min-height: 38px;
    padding: 6px 12px;
    text-align: left;
    width: 100%;
}

.gax-country-option:hover,
.gax-country-option:focus,
.gax-country-option.is-selected {
    background: rgba(92, 205, 128, 0.18);
    outline: 0;
}

.gax-country-option.is-selected {
    color: #8af0ac;
}

.gax-country-option-name {
    flex: 1;
}

.gax-country-option-dial {
    color: #a8c6b1;
}

.gax-country-empty {
    color: #a8c6b1;
    font-size: 13px;
    padding: 15px 12px;
    text-align: center;
}

.gax-field input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-family: inherit;
    padding: 0;
}

/* Preserve the dark field when browsers autofill saved credentials. */
.gax-auth-modal .gax-field input:-webkit-autofill,
.gax-auth-modal .gax-field input:-webkit-autofill:hover,
.gax-auth-modal .gax-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #233328 inset;
    caret-color: #fff;
}
.gax-auth-modal .gax-field input:autofill {
    box-shadow: 0 0 0 1000px #233328 inset;
    color: #fff;
}

.gax-field input::placeholder {
    color: #c0c4cc;
    opacity: 1;
}

.gax-field-icon,
.gax-field-eye {
    width: 19px;
    color: #9bc4a7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gax-field-icon {
    margin-right: 4px;
}

.gax-field-eye {
    cursor: pointer;
    border-radius: 4px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.gax-field-eye:focus-visible {
    outline: 2px solid #facf20;
    outline-offset: 2px;
}

.gax-field-icon svg,
.gax-field-eye svg {
    width: 19px;
    height: 19px;
}

.gax-demo-verification {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 11px;
    width: 100%;
    height: 75px;
    padding: 0 11px;
    box-sizing: border-box;
    background: #fff;
    color: #333;
    transition: opacity .3s ease;
}
.gax-demo-verification[hidden] { display: none; }
.gax-demo-verification.is-fading { opacity: 0; }
.gax-demo-result { display: flex; align-items: center; min-width: 0; }
.gax-demo-result strong { margin-left: 11px; font-size: 13px; line-height: 13px; font-weight: 700; }
.gax-demo-check {
    display: block;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
}
.gax-demo-brand { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: center; }
.gax-demo-brand img { display: block; width: 87px; height: 29px; }
.gax-demo-brand small { display: block; margin-top: 8px; font-size: 9px; line-height: normal; }
.gax-demo-brand-dot { margin: 0 5px; }

/* GAX777 registration slider: 314px shell, 280×170 image and 40px blocks. */
.gax-slide-mask {
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 50%;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: min(100vw, 490px);
    z-index: 9999999;
}

.gax-slide-mask.is-open { display: flex; }

.gax-slide-box {
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    color: #333;
    max-width: calc(100vw - 6px);
    padding: 17px;
    position: relative;
    width: 314px;
}

.gax-slide-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    justify-content: space-between;
    line-height: normal;
}

.gax-slide-close {
    background: transparent;
    border: 0;
    color: #333;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.gax-slide-hint {
    color: #f00;
    font-size: 14px;
    line-height: normal;
    margin: 6px 0;
    overflow-wrap: break-word;
    word-break: break-all;
}

.gax-slide-stage {
    height: 170px;
    overflow: hidden;
    position: relative;
    width: 280px;
}

.gax-slide-bg {
    border-radius: 4px;
    display: block;
    height: 170px;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    width: 280px;
}

.gax-slide-target,
.gax-slide-piece,
.gax-slide-btn {
    border-radius: 4px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.gax-slide-target,
.gax-slide-piece {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.8);
    pointer-events: none;
}

.gax-slide-target {
    border: 1px solid #fff;
    box-sizing: border-box;
    display: none;
}

.gax-slide-btn {
    background: transparent;
    border: 0;
    cursor: grab;
    margin: 0;
    padding: 0;
    touch-action: none;
}

.gax-slide-btn:active { cursor: grabbing; }
.gax-slide-btn:focus-visible,
.gax-slide-close:focus-visible {
    outline: 2px solid #159a4a;
    outline-offset: 2px;
}

.gax-slide-msg {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.gax-slide-toast {
    background: rgba(0, 0, 0, 0.78);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    left: 50%;
    line-height: 20px;
    max-width: 280px;
    opacity: 0;
    padding: 10px 14px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.15s ease;
    visibility: hidden;
    width: max-content;
    z-index: 2;
}

.gax-slide-toast.is-visible { opacity: 1; visibility: visible; }
.gax-slide-box.is-loading .gax-slide-stage { opacity: 0.6; }

@media (max-width: 340px) {
    .gax-slide-box {
        border-radius: 10px;
        padding: 14px;
        width: 308px;
    }
    .gax-slide-title {
        font-size: 13px;
        line-height: 16px;
    }
    .gax-slide-close {
        font-size: 11px;
        line-height: 13.5px;
    }
    .gax-slide-hint {
        font-size: 11px;
        line-height: 13.5px;
        margin: 5px 0;
    }
    .gax-slide-bg,
    .gax-slide-target,
    .gax-slide-piece,
    .gax-slide-btn { border-radius: 3px; }
}

.gax-agree {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 20px 0 20px;
    color: #fff;
    font-size: 13px;
    line-height: 16.5px;
    font-weight: 400;
}

.gax-agree input {
    width: 18px;
    height: 18px;
    margin: 0;
    appearance: none;
    border: 1px solid #c8c9cc;
    border-radius: 3px;
    background: #fff;
    position: relative;
    flex: 0 0 18px;
    cursor: pointer;
}

.gax-agree input:checked { background: #2979ff; border-color: #2979ff; }
.gax-agree input:checked::after {
    content: "\e807";
    font: 12px/16px GaxAuthIcons;
    color: #fff;
    position: absolute;
    inset: 0;
    text-align: center;
}

.gax-agree a,
.gax-agree .gax-link {
    color: #ff0;
}

.gax-submit {
    width: 100%;
    height: 45px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(#c0f5d0 0%, #159a4a 52%, #7ee3a2 100%);
    box-shadow: inset 0 -3px 0 #148242;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
    cursor: pointer;
}

#gax-pane-login .gax-submit {
    margin-top: 10px;
}

.gax-submit.ant-btn-loading {
    cursor: wait;
    opacity: 0.75;
    pointer-events: none;
}

.gax-error {
    color: #ff7568;
    display: none;
    font-size: 12px;
    line-height: 14px;
    margin: -6px 0 6px 8px;
}

.gax-auth-modal .gax-phone-field { padding-left: 10px; }
.gax-auth-modal .gax-country-trigger {
    min-width: 0;
    margin: 0 4px 0 0;
    padding: 0;
    border: 0;
    gap: 5px;
}
.gax-auth-modal .gax-phone-dial { color: #9bc4a7; font-size: 14px; }
.gax-auth-modal .gax-country-caret { display: none; }
.gax-auth-modal .gax-country-flag { width: 31px; height: 21px; line-height: 21px; }
.gax-auth-modal [data-country="BR"] .gax-country-flag {
    color: transparent;
    font-size: 0;
    background: url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/brflag.png') center / 100% 100% no-repeat;
    border-radius: 2px;
}
#gax-pane-login .gax-country-trigger { width: 19px; justify-content: center; }
#gax-pane-login .gax-country-trigger::before { content: "\e628"; font: 19px/19px GaxAuthIcons; color: #9bc4a7; }
#gax-pane-login .gax-country-flag,
#gax-pane-login .gax-phone-dial { display: none; }
.gax-auth-modal .gax-field-icon::before { content: "\e97a"; font: 19px/19px GaxAuthIcons; }
.gax-auth-modal .gax-field-icon svg,
.gax-auth-modal .gax-field-eye:not(.is-password-visible) svg { display: none; }
.gax-auth-modal .gax-field-eye:not(.is-password-visible)::before { content: "\e648"; font: 19px/19px GaxAuthIcons; }
.gax-auth-modal .gax-field-eye { position: relative; margin-left: 4px; }
/* Keep the reference's small icon while providing a larger touch target. */
.gax-auth-modal .gax-field-eye::after { content: ""; position: absolute; inset: -12px -8px; }
.gax-auth-close::after { content: ""; position: absolute; inset: -6px; }
.gax-auth-modal button:focus-visible,
.gax-auth-modal input[type="checkbox"]:focus-visible { outline: 2px solid #9bc4a7; outline-offset: 2px; }
.gax-auth-modal .gax-field:focus-within { border-color: rgba(155, 196, 167, .6); }
.gax-auth-modal .gax-country-list { max-height: min(210px, 35dvh); }
.gax-auth-body:has(.is-country-open) { min-height: 375px; }
.gax-auth-modal .ant-modal::-webkit-scrollbar { display: none; }

@media (max-height: 485px) {
    .gax-auth-modal .ant-modal-wrap { padding-block: 8px; }
    .gax-auth-body { min-height: 0; padding-bottom: 20px; }
}
@media (max-width: 359px) {
    .gax-auth-modal .ant-modal-wrap { padding-inline: 10px; }
    .gax-auth-body { padding-inline: 12px; }
}

/* Homepage lobby: colors and spacing only. Do not change click/JS behavior. */
.WUhuhqmZmF6jIMZymVBJ,
.Uyj41gUV7ad4TsmSTSyE,
#home-scroll-box,
.ant-layout-content,
.TiR5Afd0l3YoMxbINowZ,
.Q7vvTIrPmFwPigX1RicO {
    background-color: var(--gax-bg) !important;
    background-image: none !important;
}

.container-main,
.container-content {
    background: transparent !important;
}

/* The lobby artwork lives on these full-page layers, not only on html/body. */
@media screen and (min-width: 751px) {
    .Uyj41gUV7ad4TsmSTSyE,
    #home-scroll-box,
    .ant-layout-content,
    .WUhuhqmZmF6jIMZymVBJ {
        background-color: var(--gax-outer-bg) !important;
        background-image: var(--gax-outer-image) !important;
        background-attachment: fixed !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .TiR5Afd0l3YoMxbINowZ.container-main {
        background: transparent !important;
    }

    .Q7vvTIrPmFwPigX1RicO.container-content {
        background-color: var(--gax-bg) !important;
        background-image: none !important;
    }
}

.Ktl_GyNiP4qXLVRd6ou5,
.g0YgvIDVjDm70F_H8Dtu,
.bannerStyle3,
.AiArh49Fpd9sWb7Ns_Tx,
.GjcmMH_0wTDMQh4Q9jPX {
    border-radius: 0.16rem !important;
    overflow: hidden;
}

.hpxQoRsmJzr774NTaGZ9 {
    margin: 0.16rem 0.06rem 0.12rem !important;
}

.Ktl_GyNiP4qXLVRd6ou5 .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.35) !important;
    opacity: 1 !important;
}

.Ktl_GyNiP4qXLVRd6ou5 .swiper-pagination-bullet-active {
    background: var(--gax-mint) !important;
}

.kgPK4fnkS1nu5rYoCLIR {
    background: var(--gax-panel) !important;
    border: 1px solid var(--gax-line);
    border-radius: 0.12rem;
    margin: 0 0.06rem 0.24rem !important;
    padding: 0.06rem 0.08rem !important;
    display: flex !important;
    align-items: center !important;
}

.kgPK4fnkS1nu5rYoCLIR > img {
    width: 0.36rem !important;
    height: 0.36rem !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.kgPK4fnkS1nu5rYoCLIR .Nk1gR4NYAcWgwGBoUvPF {
    height: auto !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    top: 0 !important;
}

.kgPK4fnkS1nu5rYoCLIR .Nk1gR4NYAcWgwGBoUvPF > i {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kgPK4fnkS1nu5rYoCLIR .Nk1gR4NYAcWgwGBoUvPF i i {
    width: 0.36rem !important;
    height: 0.315rem !important;
    background-size: 5.175rem 5.139rem !important;
    background-position: -0.738rem -3.753rem !important;
}

.kgPK4fnkS1nu5rYoCLIR .marqueeAnimation,
.kgPK4fnkS1nu5rYoCLIR .marqueeAnimation span {
    color: var(--gax-mint) !important;
}

#middle-menu,
.T1qf0L75lmYqq2hCta5F.middle-menu,
.LnqGXmoTKDMOnrrEL1Gr {
    background: var(--gax-bg) !important;
}

#anchor-menu,
.Z7zf833wIN0YFpMval8B {
    background: transparent !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
    overflow: visible !important;
}

/* GAX777-style provider/category strip. */
#anchor-menu .LnqGXmoTKDMOnrrEL1Gr,
#anchor-menu .LnqGXmoTKDMOnrrEL1Gr[style],
#anchor-menu #middle-menu,
#anchor-menu .middle-menu {
    height: 59px !important;
}

#anchor-menu .middle-menu {
    padding: 0 20px !important;
}

#anchor-menu .my-scrollbar,
#anchor-menu .my-scrollbar-wrap,
#anchor-menu .my-scrollbar-content,
#anchor-menu .european-american-tab,
#anchor-menu .game-middle__menu,
#anchor-menu .game-menu__items {
    height: 59px !important;
}

#anchor-menu .my-scrollbar {
    padding: 0 !important;
}

#anchor-menu .my-scrollbar-wrap {
    border-bottom: 0 !important;
    overflow-y: hidden !important;
}

#anchor-menu .game-menu__items {
    align-items: flex-start !important;
}

#anchor-menu .jZMuRUTa2bTzdS2dyagQ,
#anchor-menu .my-scrollbar-horizontal {
    display: none !important;
}

.c37jM5XQ9O8_QQS38kzg.game-menu__item {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #9eb5a6 !important;
    height: 59px !important;
    min-width: 44px !important;
    width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.c37jM5XQ9O8_QQS38kzg.game-menu__item ._CxNtGn21BLGG9rb5u3v {
    align-items: center !important;
    background: #14231a !important;
    border: 1px solid #34794c !important;
    border-radius: 10px !important;
    display: flex !important;
    height: 42px !important;
    justify-content: center !important;
    margin: 0 auto !important;
    position: relative !important;
    width: 42px !important;
}

.c37jM5XQ9O8_QQS38kzg.game-menu__item ._CxNtGn21BLGG9rb5u3v > img,
.c37jM5XQ9O8_QQS38kzg.game-menu__item ._CxNtGn21BLGG9rb5u3v > i {
    height: 30px !important;
    left: 50% !important;
    margin: 0 !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
}

.c37jM5XQ9O8_QQS38kzg.game-menu__item > span {
    align-items: center !important;
    display: flex !important;
    flex: none !important;
    font-size: 11px !important;
    height: 14px !important;
    justify-content: center !important;
    line-height: 14px !important;
    margin: 3px 0 0 !important;
    max-width: none !important;
    overflow: visible !important;
    width: 100% !important;
    white-space: nowrap !important;
}

.c37jM5XQ9O8_QQS38kzg.game-menu__item > span > span {
    margin: 0 !important;
}

.c37jM5XQ9O8_QQS38kzg.game-menu__item span,
.c37jM5XQ9O8_QQS38kzg.game-menu__item svg {
    color: #9eb5a6 !important;
    fill: currentColor !important;
}

.c37jM5XQ9O8_QQS38kzg.dO86rxT8syHm361TBCRD {
    background: transparent !important;
    color: #f6c343 !important;
}

.c37jM5XQ9O8_QQS38kzg.dO86rxT8syHm361TBCRD span,
.c37jM5XQ9O8_QQS38kzg.dO86rxT8syHm361TBCRD svg {
    color: #f6c343 !important;
    fill: #f6c343 !important;
    font-weight: 700 !important;
}

.c37jM5XQ9O8_QQS38kzg.dO86rxT8syHm361TBCRD ._CxNtGn21BLGG9rb5u3v {
    border-color: #f6c343 !important;
}

.CUj0UV7ykfGKCKAvYyXO {
    flex: 0 0 44px !important;
    margin-right: 23px !important;
}

#anchor-wrapper.u8g4F1jlsFEM4QW6DL4r {
    padding: 10px !important;
}

#anchor-wrapper .PHA2wR0MEPHBvH62Pxgy {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

#anchor-wrapper .beRpyjHFVhgnlt1Fxxwf {
    align-items: center !important;
    border-radius: 5px !important;
    height: 50px !important;
    margin: 0 0 10px !important;
    padding: 5px 10px !important;
}

#anchor-wrapper .ZPfI5ZtB2t9zpm30l3id {
    align-items: center !important;
    color: #efeaa7 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    height: 40px !important;
    line-height: 40px !important;
}

#anchor-wrapper .ZPfI5ZtB2t9zpm30l3id > img {
    height: 40px !important;
    margin: 0 10px 0 0 !important;
    object-fit: contain !important;
    width: 40px !important;
}

#anchor-wrapper .aJJKTTIjOrPgI2gCkH9w {
    background: #304037 !important;
    border-radius: 6px !important;
    color: #d6ded8 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 10px !important;
}

#anchor-wrapper .rSDnBBY5bxgW3LK_M1IO {
    padding: 0 !important;
}

#anchor-wrapper .__ES5C7tGDilgzHJRf6l {
    margin: 0 !important;
    width: 100% !important;
}

.ZPfI5ZtB2t9zpm30l3id,
.beRpyjHFVhgnlt1Fxxwf {
    color: #fff !important;
}

#anchor-wrapper .T4NGNgeFV6moEtvnWOG4,
#anchor-wrapper .T4NGNgeFV6moEtvnWOG4[style] {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 0 !important;
    padding: 0 3px 0 8px !important;
    width: 100% !important;
}

#anchor-wrapper .T4NGNgeFV6moEtvnWOG4 > .xBtEDW2UJUDOQFFWZd82 {
    display: block !important;
    margin: 0 !important;
    padding: 5px !important;
    width: auto !important;
}

#anchor-wrapper .xBtEDW2UJUDOQFFWZd82 .P2DBVv8NzhqUFOO6Nizn,
#anchor-wrapper .xBtEDW2UJUDOQFFWZd82 .TLGXsbdX6zKKgDgayhyY {
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    position: relative !important;
    width: 100% !important;
}

.KqH3VcCsKiZG7WXYyntJ {
    border: 0 !important;
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: none !important;
    height: 100% !important;
    width: 100% !important;
}

.lnGvncsXaYPfmuLyWfPw,
.xMenac2nozLWPyqHczr8,
.sv8duEd8kyq33XZs4uiZ {
    border-radius: 5px !important;
}

#anchor-wrapper .lnGvncsXaYPfmuLyWfPw {
    background-color: #1a2a1f !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
    overflow: hidden !important;
    width: 100% !important;
}

#anchor-wrapper .mNbsUo8jRYPB0GUzlLSH {
    display: none !important;
}

#anchor-wrapper .Umfi9LgWBsqZ8cr1lxFl {
    align-items: center !important;
    background: transparent !important;
    color: #fff !important;
    display: flex !important;
    height: 25px !important;
    justify-content: center !important;
    position: absolute !important;
    right: 8px !important;
    top: 8px !important;
    width: 25px !important;
    z-index: 3 !important;
}

#anchor-wrapper .Umfi9LgWBsqZ8cr1lxFl::before {
    content: "\2661";
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75));
    font-family: Arial, sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 25px;
}

#anchor-wrapper .Umfi9LgWBsqZ8cr1lxFl > * {
    display: none !important;
}

.xMenac2nozLWPyqHczr8 {
    background: linear-gradient(180deg, rgba(62, 184, 95, 0.08) 0%, rgba(62, 184, 95, 0.62) 100%) !important;
}

.x_dIOhJ0iNQJi9vOp1Hi,
.wjsKWnHVvjDqtALA3sAs,
.wjsKWnHVvjDqtALA3sAs svg {
    color: var(--gax-mint) !important;
    fill: var(--gax-mint) !important;
}

.T4NGNgeFV6moEtvnWOG4 {
    --cardRowSpacing: 0.12rem;
}

#home-footer,
.R6Vsx5lIGPkAv8u90qg6 {
    background: #0f1a14 !important;
    color: #9eb5a6 !important;
    border-top: 1px solid var(--gax-line);
}

#home-footer .uOU_o7lfdx37uK1G05Rf {
    color: #fff !important;
}

#home-footer .YFTOozzurWMFkVuFqVeG {
    color: #9eb5a6 !important;
}

#home-footer .YFTOozzurWMFkVuFqVeG:hover {
    color: var(--gax-mint) !important;
}

#tabBar,
.C6vSZVKzikPpyrmv3zpF,
#tabBar .kMcxnbbSFP1yMyHz75UZ {
    background: #0f1a14 !important;
    border-top: 1px solid var(--gax-line);
}

#tabBar .UURsxfH8E0sdWBwFOMcQ {
    color: #8aa394 !important;
}

#tabBar .UURsxfH8E0sdWBwFOMcQ span {
    color: inherit !important;
}

#tabBar .NG8uv7Fa_oLJV0YNqbrD,
#tabBar .NG8uv7Fa_oLJV0YNqbrD span {
    color: var(--gax-mint) !important;
}

#leftnavbar,
#leftnavbar .ant-layout-sider-children,
.mgKfYplj9DFVFuDnQdmr,
.szZdQFtomuSwdjsH8dQp {
    background: var(--gax-panel) !important;
}

#leftnavbar .rTlEIxYgbDf9QFPq5wNJ {
    color: #9eb5a6 !important;
    background: transparent !important;
    border-radius: 0.12rem;
}

#leftnavbar .rTlEIxYgbDf9QFPq5wNJ span {
    color: inherit !important;
}

#leftnavbar .wFkrzkt80ExmvJDvJETQ {
    background: var(--gax-input) !important;
    color: var(--gax-mint) !important;
    box-shadow: inset 0 0 0 1px var(--gax-green);
}

#leftnavbar .mLXuQu7extPSpy4oPcnD,
#leftnavbar .lang-switch {
    color: #9eb5a6 !important;
}

.GNQcsQFKCZ6OZnz0koI7 {
    background: var(--gax-grad) !important;
    color: #111 !important;
    border: none !important;
}

/* GAX777 mobile tabbar. Icons include their Portuguese labels. */
#tabBar.gax-tabbar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 54px;
    overflow: visible;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#tabBar .gax-tabbar-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 54px;
    object-fit: fill;
    pointer-events: none;
}

#tabBar .gax-tabbar-items {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    box-sizing: border-box;
    width: 100%;
    height: 54px;
    padding: 0 0 4px;
    overflow: visible;
    background: transparent !important;
}

#tabBar .gax-tabbar-item {
    position: relative;
    top: -14px;
    display: flex;
    flex: 0 0 64px;
    align-items: flex-start;
    justify-content: center;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

#tabBar .gax-tabbar-icon {
    position: relative;
    z-index: 0;
    display: block;
    width: 64px;
    height: 64px;
    max-width: none;
    object-fit: fill;
    pointer-events: none;
    clip-path: inset(0 0 30% 0);
}

#tabBar .gax-tabbar-label {
    position: absolute;
    top: 45px;
    left: 50%;
    z-index: 11;
    max-width: 82px;
    transform: translateX(-50%);
    overflow: hidden;
    color: #f4e5a5;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

#tabBar .gax-tabbar-item.is-active .gax-tabbar-icon {
    z-index: 10;
    height: 71px;
    transform: translateY(-16px);
}

#tabBar .gax-tabbar-item.is-active .gax-tabbar-label {
    top: 38px;
    color: #fff000;
}

/* Deposit is a first-level tab page instead of a full-screen modal. */
body.gax-deposit-page {
    min-height: 100vh;
    padding-bottom: 54px;
    overflow-x: hidden;
    background: var(--theme-main-bg-color, #071a11);
}

.gax-deposit-page-shell {
    min-height: calc(100vh - 54px);
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p {
    position: relative !important;
    z-index: auto !important;
    display: block !important;
    min-height: calc(100vh - 54px);
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p > .ant-modal-mask,
body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .jfx5RvtUc1fSLoLZt8JG {
    display: none !important;
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p > .ant-modal-wrap {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    height: auto !important;
    min-height: calc(100vh - 54px);
    overflow: visible !important;
    text-align: left !important;
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p > .ant-modal-wrap::before {
    display: none !important;
    content: none !important;
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .ant-modal {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .ant-modal-content {
    min-height: calc(100vh - 54px);
    height: auto !important;
    padding-bottom: 24px;
    overflow: visible !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .TAjt83FN3slG7AreW8gm,
body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .TAjt83FN3slG7AreW8gm > .my-scrollbar,
body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .TAjt83FN3slG7AreW8gm .my-scrollbar-wrap,
body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .TAjt83FN3slG7AreW8gm .my-scrollbar-content,
body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .e8siic_ICXmLcAr12pgU {
    height: auto !important;
    min-height: 0 !important;
}

body.gax-deposit-page .c4OAdQRIIRcVKzLNfX3p .pgyoV_NNm7L6S53HAOWC {
    align-items: flex-start !important;
    margin-top: 18px;
}

/* Current GAX777 home composition: fixed 490px desktop canvas, full-width mobile canvas. */
html.gax-home-root,
html:has(body.gax-home-page),
body.gax-home-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--gax-outer-bg) !important;
    background-image: var(--gax-outer-image) !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.gax-home-page *,
body.gax-home-page *::before,
body.gax-home-page *::after {
    box-sizing: border-box;
}

body.gax-home-page button,
body.gax-home-page a {
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

.gax-home-app,
.gax-home-shell {
    width: 100% !important;
    max-width: 490px !important;
    height: 100vh;
    height: 100dvh;
    margin: 0 auto;
}

.gax-home-app {
    right: auto !important;
    left: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.gax-home-shell {
    position: relative;
    overflow: hidden;
    background: #021a02 url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg") repeat center top;
    background-size: 52px 90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* Mobile/tablet viewports use the whole screen; the 490px canvas is desktop-only. */
@media screen and (max-width: 750px) {
    .gax-home-app,
    .gax-home-shell {
        max-width: none !important;
    }
}

.gax-home-header {
    position: relative;
    z-index: 30;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 5px 5px 5px 10px;
    background: #16291c;
}

.gax-home-menu-button {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    cursor: pointer;
}

.gax-home-menu-button img {
    display: block;
    width: 34px;
    height: 34px;
    max-width: none;
    object-fit: contain;
}

.gax-home-logo {
    display: block;
    flex: 0 0 126px;
    width: 126px;
    height: 36px;
    margin-left: 10px;
    object-fit: contain;
}

.gax-home-header-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
}

.gax-home-balance {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 33px;
    padding: 7px 10px;
    border: 1px solid #7ee3a2;
    border-radius: 12px;
    background: transparent;
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    cursor: pointer;
}

.gax-home-balance img {
    display: block;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin-left: 5px;
}

.gax-home-service {
    display: flex;
    flex: 0 0 29px;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    overflow: hidden;
    border: 1px solid #7ee3a2;
    border-radius: 9px;
}

.gax-home-service img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.gax-home-auth-button {
    display: block;
    width: 60px;
    min-width: 60px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.gax-home-auth-button.is-login {
    margin-left: 8px;
    background: linear-gradient(#c0f5d0, #159a4a 52%, #7ee3a2);
}

.gax-home-auth-button.is-register {
    min-width: 0;
    background: linear-gradient(#ffe1cf, #7dca94 52%, #ffe1cf);
}

.gax-home-auth-group {
    display: flex;
    align-items: center;
    width: 136px;
    height: 28px;
    margin-right: 10px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.gax-home-register-wrap {
    position: relative;
    flex: 0 0 60px;
    width: 60px;
    height: 28px;
    margin-left: 8px;
}

.gax-home-register-badge {
    position: absolute;
    top: -5px;
    right: -4px;
    width: 36px;
    height: 14px;
    padding: 0;
    border: 0.5px solid #fff;
    border-radius: 12px;
    background: #f00;
    color: #fff;
    font-size: 8px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    pointer-events: none;
}

.gax-home-scroll {
    position: relative;
    z-index: 1;
    width: 100%;
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: transparent;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.gax-home-scroll::-webkit-scrollbar,
.gax-home-category-list::-webkit-scrollbar {
    display: none;
}

.gax-home-banner {
    width: calc(100% - 40px);
    height: min(130px, calc((100vw - 40px) * 0.37143));
    max-height: 130px;
    margin: 15px 20px 0;
    overflow: hidden;
    border-radius: 4px;
}

.gax-home-banner-swiper,
.gax-home-banner-swiper .swiper-wrapper,
.gax-home-banner-swiper .swiper-slide,
.gax-home-banner-image {
    width: 100%;
    height: 100%;
}

.gax-home-banner-swiper {
    position: relative;
    overflow: hidden;
}

.gax-home-banner-image {
    position: relative;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
}

.gax-home-banner-media {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
}

.gax-home-banner-pagination {
    bottom: 5px !important;
}

.gax-home-banner-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.gax-home-banner-pagination .swiper-pagination-bullet-active {
    background: #7ee3a2;
}

.gax-home-announcement {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 36px;
    margin: 25px 0 10px;
    padding: 0 10px;
}

.gax-home-announcement-main {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    height: 42px;
    min-width: 0;
    padding: 0 10px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(135deg, #121d15, #232f26);
}

.gax-home-announcement-icon {
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
}

.gax-home-marquee {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    white-space: nowrap;
}

.gax-home-marquee-track {
    display: flex;
    width: max-content;
    animation: gax-home-marquee 24s linear infinite;
    will-change: transform;
}

.gax-home-marquee-track span {
    padding-right: 52px;
}

@keyframes gax-home-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.gax-home-message {
    position: relative;
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 10px;
    border-radius: 8px;
    background: linear-gradient(135deg, #19261d, #2a382e);
}

.gax-home-message img {
    display: block;
    width: 28px;
    height: 28px;
    max-width: none;
    object-fit: contain;
}

.gax-home-message span {
    position: relative;
    display: block;
    width: 25px;
    height: 20px;
    border: 1px solid #d9c977;
    border-radius: 2px;
    background: linear-gradient(135deg, #fff7bc, #d3bc5b);
    box-shadow: 0 0 7px rgba(255, 232, 115, 0.35);
}

.gax-home-message span::before {
    position: absolute;
    right: 3px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid #d3bc5b;
    border-left: 6px solid transparent;
    content: "";
}

.gax-home-message span::after {
    position: absolute;
    top: 7px;
    left: 7px;
    color: #645b32;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 5px;
    content: "•••";
}

.gax-home-category-bar {
    position: static;
    z-index: 20;
    width: 100%;
    padding: 10px 20px;
    background: transparent;
}

.gax-home-category-list {
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.gax-home-category {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: center;
    margin: 0 23px 0 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    color: #999;
    font-size: 13px;
    cursor: pointer;
}

.gax-home-category:last-child {
    margin-right: 0;
}

.gax-home-category-icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 3px;
    border: 1px solid #3c8452;
    border-radius: 11px;
    background: transparent;
}

.gax-home-category-icon img {
    display: block;
    width: 30px;
    height: 30px;
    max-width: none;
    object-fit: contain;
}

.gax-home-category-name {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    font-size: 11px;
    line-height: normal;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-home-category.is-active {
    color: #f6c343;
    font-weight: 700;
}

.gax-home-category.is-active .gax-home-category-icon {
    border-color: #3c8452;
}

.gax-home-sections {
    width: 100%;
    padding: 10px;
}

.gax-home-section {
    width: 100%;
    margin: 0 0 18px;
    scroll-margin-top: 86px;
}

.gax-home-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.gax-home-section-icon {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    object-fit: contain;
}

.gax-home-section-head h2 {
    flex: 1 1 auto;
    min-width: 0;
    margin: 5px 0 0 5px;
    overflow: hidden;
    color: #efeaab;
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-home-section-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    margin-left: 0;
}

.gax-home-page-button,
.gax-home-total,
.gax-home-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
}

.gax-home-page-button {
    width: auto;
    padding: 5px 10px;
    font-size: 19px;
    line-height: normal;
    cursor: pointer;
}

.gax-home-page-button:disabled {
    opacity: 1;
    cursor: default;
}

.gax-home-total {
    min-width: 0;
    font-size: 11px;
    line-height: normal;
    white-space: nowrap;
}

.gax-home-more {
    width: auto;
    padding: 10px;
    overflow: hidden;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-home-game-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    padding: 0 3px 0 8px;
}

.gax-home-game-card {
    position: relative;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 5px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}

.gax-home-game-card.is-page-hidden {
    display: none;
}

.gax-home-game-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 150%;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.gax-home-game-image {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
}

.gax-home-game-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
    box-shadow: none;
}

.gax-home-favorite {
    position: absolute;
    top: 7px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    max-width: none;
    object-fit: contain;
}

.gax-home-scroll-spacer {
    height: 72px;
}

.gax-home-footer {
    width: 100%;
    color: #fff;
    font-size: 11px;
}

.gax-home-partners {
    width: 100%;
    padding-top: 18px;
}

.gax-home-partners-title {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #f3d99e;
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
}

.gax-home-partners-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 27px;
    filter: sepia(0.35) saturate(1.3);
}

.gax-home-partner-map {
    position: relative;
    width: calc(100% - 20px);
    height: 300px;
    margin: 0 10px;
    overflow: hidden;
}

.gax-home-partner-map-bg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 300px;
    max-width: none;
    object-fit: fill;
}

.gax-home-partner-logo {
    position: absolute;
    display: block;
    width: 80px;
    height: 45px;
    max-width: none;
    object-fit: contain;
}

.gax-home-partner-logo.is-pg {
    top: 61px;
    left: 50%;
    transform: translateX(-50%);
}

.gax-home-partner-logo.is-pp {
    top: 100px;
    left: 55px;
}

.gax-home-partner-logo.is-jdb {
    top: 100px;
    right: 54px;
}

.gax-home-partner-logo.is-evo {
    top: 175px;
    left: 60px;
}

.gax-home-partner-logo.is-center {
    top: 146px;
    left: 50%;
    width: 60px;
    height: 23px;
    transform: translateX(-50%);
}

.gax-home-partner-logo.is-bgaming {
    top: 175px;
    right: 54px;
}

.gax-home-partner-logo.is-tada {
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
}

.gax-home-share {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - 20px);
    height: 84px;
    margin: 3px 10px 0;
    padding-top: 10px;
    background: rgba(255, 255, 255, 0.035);
}

.gax-home-share-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 14px;
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 14px;
}

.gax-home-share-title img {
    display: block;
    width: 13px;
    height: 14px;
    max-width: none;
    object-fit: contain;
}

.gax-home-share-title strong {
    font-weight: 700;
}

.gax-home-share a {
    display: block;
    width: 40px;
    height: 40px;
}

.gax-home-telegram {
    display: block;
    width: 40px;
    height: 40px;
    max-width: none;
    object-fit: contain;
}

.gax-home-legal {
    width: calc(100% - 20px);
    margin: 16px 10px 0;
    color: #ccc;
    font-size: 10px;
}

.gax-home-legal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.035);
}

.gax-home-legal-head img {
    display: block;
    width: 110px;
    height: 25px;
    max-width: none;
    object-fit: contain;
}

.gax-home-legal-head span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 30px;
    padding: 6px 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.gax-home-legal p {
    width: 100%;
    min-height: 120px;
    margin: 0 0 10px;
    padding: 15px;
    color: #ccc;
    font-size: 10px;
    line-height: 18px;
}

.gax-home-legal-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    color: #8f9991;
    font-size: 10px;
    line-height: 18px;
}

.gax-home-disclaimer {
    padding: 15px;
    color: #8f9991;
    font-size: 10px;
    line-height: 18px;
}

.gax-floating-service {
    position: fixed;
    right: 0.1rem;
    bottom: 2.7rem;
    z-index: 99;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
}

.gax-floating-service img,
.gax-home-reward-float img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
}

.gax-home-reward-float {
    position: fixed;
    right: auto;
    left: calc(50% + min(40.5vw, 198.45px));
    bottom: 18%;
    z-index: 50;
    display: block;
    width: 75px;
    height: 76px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transform: translate(-50%, 50%) translateY(-85px);
    -webkit-tap-highlight-color: transparent;
}

/* GAX777 keeps Home mounted and slides Promotions over it in 350 ms. */
.gax-home-promotion-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 40;
    visibility: hidden;
    width: min(100%, 490px);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #021a02 url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg") repeat center top;
    background-size: 52px 90px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
    transform: translate(-50%, 100%);
    transition: transform 0.35s ease, visibility 0s linear 0.35s;
}

.gax-home-promotion-panel.is-mounted {
    visibility: visible;
    transition: transform 0.35s ease;
    will-change: transform;
}

.gax-home-promotion-panel.is-open {
    transform: translate(-50%, 0);
}

body.gax-home-promotion-open .gax-home-reward-float {
    visibility: hidden;
    pointer-events: none;
}

.gax-home-promotion-loading {
    height: 100%;
    padding: 10px 10px 54px;
    overflow: hidden;
}

.gax-home-promotion-skeleton-card {
    height: 181px;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid rgba(197, 226, 210, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.gax-home-promotion-skeleton-banner,
.gax-home-promotion-skeleton-icon,
.gax-home-promotion-skeleton-copy,
.gax-home-promotion-skeleton-button {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
    background-size: 200% 100%;
    animation: gaxPromotionShimmer 1.5s linear infinite;
}

.gax-home-promotion-skeleton-banner {
    height: 126px;
}

.gax-home-promotion-skeleton-info {
    display: flex;
    align-items: center;
    height: 53px;
    padding: 8px;
}

.gax-home-promotion-skeleton-icon {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
}

.gax-home-promotion-skeleton-copy {
    width: 100px;
    height: 15px;
    margin-left: 6px;
    border-radius: 3px;
}

.gax-home-promotion-skeleton-button {
    width: 70px;
    height: 30px;
    margin-left: auto;
    border-radius: 12px;
}

@keyframes gaxPromotionShimmer {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

.gax-home-drawer-mask {
    position: absolute;
    inset: 0;
    z-index: 1090;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.35s ease-out, visibility 0.35s ease-out;
}

.gax-home-drawer-mask.is-open {
    visibility: visible;
    opacity: 1;
}

.gax-home-drawer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 340px;
    height: 100%;
    min-height: 100%;
    padding: 15px;
    overflow: visible;
    background: transparent url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/drawer/menu_bg.png') no-repeat 50% 50% / cover;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.9);
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: normal;
    transform: translateX(-105%);
    transition: transform 0.3s ease-out;
    box-sizing: border-box;
}

.gax-home-drawer.is-open {
    transform: translateX(0);
}

.gax-home-drawer-head {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 44px;
    padding: 10px;
    box-sizing: border-box;
}

.gax-home-drawer-head > img {
    width: 120px;
    height: 34px;
    max-width: none;
    margin-top: -10px;
    object-fit: contain;
}

.gax-home-drawer-head button {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 39px;
    height: 39px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.gax-home-drawer-head button img {
    display: block;
    width: 39px;
    height: 39px;
}

.gax-home-drawer-account {
    height: 156px;
    margin: 30px 0 10px;
    padding: 10px;
    border-radius: 8px;
    background: #1e3a27;
    box-sizing: border-box;
}

.gax-home-drawer-account--guest {
    height: 81px;
}

.gax-home-drawer-user {
    display: flex;
    align-items: center;
    height: 50px;
    margin-bottom: 10px;
}

.gax-home-drawer-avatar {
    width: 50px;
    height: 50px;
    max-width: none;
    border-radius: 50%;
    object-fit: cover;
}

.gax-home-drawer-user-info {
    min-width: 0;
    margin-left: 10px;
    color: #fff;
}

.gax-home-drawer-user-info strong {
    display: block;
    max-width: 178px;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-home-drawer-id {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 14px;
    margin-top: 5px;
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.gax-home-drawer-copy {
    position: relative;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.gax-home-drawer-copy img {
    display: block;
    width: 14px;
    height: 14px;
}

.gax-home-drawer-copy::after {
    position: absolute;
    inset: -2px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #159a4a;
    color: #fff;
    content: '✓';
    font-size: 10px;
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 0.16s, transform 0.16s;
}

.gax-home-drawer-copy.is-copied::after {
    opacity: 1;
    transform: scale(1);
}

.gax-home-drawer-money {
    display: flex;
    align-items: baseline;
    height: 16px;
    margin-bottom: 7px;
    color: #ffaa09;
    font-size: 14px;
    line-height: 16px;
}

.gax-home-drawer-money > span {
    margin-right: 5px;
}

.gax-home-drawer-money small {
    margin-left: 0;
    color: rgba(255, 244, 168, 0.65);
    font-size: 14px;
}

.gax-home-drawer-wallet-actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    height: 38px;
    margin-bottom: 15px;
}

.gax-home-drawer-wallet-actions a,
.gax-home-drawer-guest-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 38px;
    padding: 0 8px;
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    line-height: 38px;
    text-decoration: none;
}

.gax-home-drawer-wallet-actions a > img {
    display: block;
    width: 14px;
    height: 14px;
    max-width: none;
    margin-right: 4px;
}

.gax-home-drawer-wallet-actions .is-deposit,
.gax-home-drawer-guest-actions .is-login {
    background: linear-gradient(180deg, #c0f5d0, #159a4a 52%, #7ee3a2);
    box-shadow: inset 0 -3px 0 #148242;
}

.gax-home-drawer-wallet-actions .is-withdraw,
.gax-home-drawer-guest-actions .is-register {
    background: linear-gradient(180deg, #ffe1cf, #7dca94 52%, #ffe1cf);
    box-shadow: inset 0 -3px 0 #7dca94;
}

.gax-home-drawer-guest-actions {
    display: flex;
    gap: 10px;
    height: 38px;
    margin: 35px 10px 10px;
}

.gax-home-drawer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 5px;
    padding-top: 10px;
}

.gax-home-drawer-grid a {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    height: 59px;
    color: #fff;
    text-decoration: none;
}

.gax-home-drawer-grid img {
    display: block;
    width: 40px;
    height: 40px;
    max-width: none;
    object-fit: contain;
}

.gax-home-drawer-grid span {
    max-width: 100%;
    margin-top: 5px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-home-drawer-footer {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 176px;
    padding: 0 15px;
    box-sizing: border-box;
}

.gax-home-drawer-footer a {
    display: block;
    width: 100%;
}

.gax-home-drawer-footer a:first-child {
    height: 50px;
    margin-bottom: 13px;
    background: url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/drawer/service_bg.png?v=20260828c') no-repeat 50% 50% / contain;
}

.gax-home-drawer-footer img {
    display: block;
    width: 100%;
    height: auto;
}

.gax-home-drawer-footer a:first-child img {
    height: 50px;
    object-fit: contain;
    opacity: 0;
}

.gax-home-drawer-footer a:last-child img {
    height: 100px;
}

body.gax-home-drawer-open .gax-home-scroll {
    overflow: hidden;
}

@media screen and (max-width: 500px) {
    .gax-home-drawer {
        width: 306px;
    }
}

.gax-home-promo {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.18s ease-out, visibility 0.18s ease-out;
}

.gax-home-promo.is-visible {
    visibility: visible;
    opacity: 1;
}

.gax-home-promo-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.64);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.gax-home-promo-card {
    position: relative;
    z-index: 1;
    width: min(300px, calc(100vw - 60px));
    transform: scale(0.95);
    transition: transform 0.18s ease-out;
}

.gax-home-promo.is-visible .gax-home-promo-card {
    transform: scale(1);
}

.gax-home-promo-card img {
    display: block;
    width: 100%;
    max-height: 68vh;
    object-fit: contain;
    border-radius: 10px;
    cursor: pointer;
}

.gax-home-promo-card button {
    position: absolute;
    bottom: -52px;
    left: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    transform: translateX(-50%);
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.68);
    color: #fff;
    font-size: 25px;
    line-height: 34px;
    cursor: pointer;
}

.gax-home-promo-card button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

body.gax-home-promo-open,
body.gax-home-promo-open .gax-home-scroll {
    overflow: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    .gax-home-promo,
    .gax-home-promo-card,
    .gax-home-promotion-panel {
        transition: none;
    }

    .gax-home-promotion-skeleton-banner,
    .gax-home-promotion-skeleton-icon,
    .gax-home-promotion-skeleton-copy,
    .gax-home-promotion-skeleton-button {
        animation: none;
    }
}

body.gax-home-page #tabBar.gax-tabbar {
    right: auto;
    left: 50%;
    width: min(100%, 490px);
    max-width: 490px;
    transform: translateX(-50%);
}

body.gax-home-page > .gax-floating-service {
    right: auto;
    left: calc(50% + min(40.5vw, 198.45px));
    bottom: 18%;
    z-index: 50;
    width: 75px;
    height: 76px;
    transform: translate(-50%, 50%);
}

@media screen and (max-width: 750px) {
    body.gax-home-page #tabBar.gax-tabbar {
        right: 0;
        left: 0;
        width: 100%;
        max-width: none;
        transform: none;
    }

}

@media screen and (max-width: 370px) {
    .gax-home-header {
        padding-left: 7px;
    }

    .gax-home-logo {
        flex-basis: 105px;
        width: 105px;
        margin-left: 6px;
    }

    .gax-home-header-actions {
        gap: 4px;
    }

    .gax-home-auth-button {
        min-width: 47px;
        padding: 0 5px;
        font-size: 10px;
    }

    .gax-home-section-actions {
        gap: 3px;
        margin-left: 3px;
    }

    .gax-home-page-button {
        width: 29px;
    }

    .gax-home-total {
        min-width: 61px;
        padding: 0 6px;
    }

    .gax-home-more {
        width: 40px;
    }
}

/* GAX777 promotion experiences: each campaign intentionally keeps its own skin. */
.gax-promotion-experience {
    position: relative;
    overflow: hidden;
}

.gax-promotion-experience button,
.gax-promotion-experience input {
    font: inherit;
}

.gax-event-details {
    color: #fff;
    font-size: 13px;
    line-height: 1.45;
}

.gax-event-details > h2 {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 700;
}

.gax-event-details > p {
    margin: 0 0 18px;
}

.gax-event-table {
    width: 100%;
    margin-bottom: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.72);
    border-left: 1px solid rgba(255, 255, 255, 0.72);
}

.gax-event-table-row {
    display: grid;
    grid-template-columns: 1fr 0.72fr 1.55fr;
}

.gax-event-table-row > * {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 7px 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.72);
    border-bottom: 1px solid rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 400;
    text-align: center;
}

.gax-event-table-row.is-heading > * {
    min-height: 38px;
    font-weight: 700;
}

.gax-event-rules p,
.gax-special-rules p {
    margin: 0 0 14px;
}

.gax-deposit-task-list {
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, 0.76);
}

.gax-deposit-task-row {
    display: flex;
    min-height: 49px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.76);
}

.gax-deposit-task-row:last-child {
    border-bottom: 0;
}

.gax-deposit-task-row span {
    flex: 1 1 auto;
    padding: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}

.gax-deposit-task-row b {
    display: flex;
    flex: 0 0 100px;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    background: #2f5fe2;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.gax-deposit-task-row.is-complete b {
    background: #159a4a;
}

/* Treasure chest / invite page. */
.gax-promotion-experience--invite_friends {
    padding: 0 10px 36px;
    background: #073d25;
}

.gax-invite-experience {
    color: #fff;
}

.gax-invite-hero {
    display: block;
    width: calc(100% + 20px);
    max-width: none;
    margin-left: -10px;
    aspect-ratio: 720 / 320;
    object-fit: cover;
}

.gax-invite-share-card {
    position: relative;
    z-index: 2;
    margin: -34px 0 10px;
    padding: 34px 12px 10px;
    border-radius: 8px;
    background: #40318f url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/invite/share-bg.webp") no-repeat center / 100% 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

.gax-invite-share-card::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -8px;
    left: -8px;
    height: 62px;
    background: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/invite/column-bg.webp") no-repeat center top / 100% auto;
    pointer-events: none;
}

.gax-invite-share-card h2,
.gax-invite-share-card p {
    margin: 0;
    text-align: center;
}

.gax-invite-share-card h2 {
    position: relative;
    z-index: 1;
    color: #ffe44f;
    font-size: 13px;
}

.gax-invite-share-card p {
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}

.gax-invite-socials {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 6px;
    margin-top: 12px;
}

.gax-invite-socials button {
    display: flex;
    min-width: 0;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
}

.gax-invite-socials img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gax-invite-link-row {
    display: flex;
    height: 25px;
    margin-top: -20px;
    margin-left: 58px;
    align-items: center;
    overflow: visible;
    background: transparent;
}

.gax-invite-link-row input {
    min-width: 0;
    flex: 1 1 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #1dbb62;
    font-size: 11px;
}

.gax-copy-invite {
    position: relative;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    height: 25px;
    flex: 0 0 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
    font-size: 0 !important;
    font-weight: 700;
    line-height: 25px;
    white-space: nowrap;
}

.gax-copy-invite::before,
.gax-copy-invite::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 15px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 2px;
}

.gax-copy-invite::before {
    top: 3px;
    left: 5px;
}

.gax-copy-invite::after {
    top: 6px;
    left: 9px;
    background: #40318f;
}

.gax-invite-summary {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(9, 7, 52, 0.76);
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}

.gax-invite-summary strong {
    color: #ffe246;
    font-size: 17px;
}

.gax-invite-summary > span {
    color: #fff;
    font-size: 14px;
}

.gax-invite-summary small {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.gax-section-ribbon,
.gax-rebate-table-wrap > h2,
.gax-special-rules > h2 {
    margin: 18px 0 12px;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.gax-invite-experience > .gax-section-ribbon {
    position: relative;
    z-index: 1;
    min-height: 50px;
    margin: -2px -8px -3px;
    padding-top: 12px;
    background: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/invite/column-bg.webp") no-repeat center top / 100% auto;
    color: #fff;
    font-size: 13px;
}

.gax-invite-experience > .gax-section-ribbon::before,
.gax-invite-experience > .gax-section-ribbon::after {
    display: none;
}

.gax-section-ribbon::before,
.gax-section-ribbon::after {
    content: "";
    display: inline-block;
    width: 44px;
    height: 1px;
    margin: 0 9px 4px;
    background: linear-gradient(90deg, transparent, #ffe56d);
}

.gax-section-ribbon::after {
    transform: rotate(180deg);
}

.gax-invite-tier-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 4px 0 8px;
    background-color: #2b2673;
    background-image: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/invite/box-bg.webp");
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% 114px;
}

.gax-invite-tier {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 114px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 2px 7px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
}

.gax-invite-tier:disabled {
    opacity: 0.73;
}

.gax-invite-tier.is-eligible {
    border-color: #ffdf47;
    filter: saturate(1.25);
    box-shadow: 0 0 10px rgba(255, 212, 54, 0.32);
}

.gax-invite-tier.is-claimed {
    filter: grayscale(0.7);
}

.gax-invite-chest,
.gax-invite-chest img {
    display: block;
    width: 52px;
    height: 52px;
}

.gax-invite-chest img {
    object-fit: contain;
}

.gax-invite-tier b,
.gax-invite-tier-copy {
    display: block;
    max-width: 100%;
    overflow: hidden;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-invite-tier b {
    color: #ffe353;
    font-size: 11px;
}

.gax-invite-tier-copy {
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
}

.gax-invite-tier-copy em {
    color: #0d9c0d;
    font-style: normal;
    font-weight: 700;
}

.gax-special-rules {
    font-size: 12px;
    line-height: 1.75;
}

.gax-special-rules--invite {
    margin-top: 20px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
}

/* Daily wager rebate page. */
.gax-promotion-detail-page--daily_bet .gax-promotion-detail-shell,
.gax-promotion-experience--daily_bet {
    background: #074530;
}

.gax-promotion-experience--daily_bet {
    padding: 10px 10px 36px;
}

.gax-rebate-hero {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    border-radius: 6px;
    aspect-ratio: 720 / 320;
    object-fit: cover;
}

.gax-rebate-card {
    position: relative;
    margin: 0 0 15px;
    padding: 10px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(270deg, #005757, #1d624b);
}

.gax-rebate-metrics {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.gax-rebate-metrics div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
}

.gax-rebate-metrics span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
}

.gax-rebate-metrics strong {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
}

.gax-rebate-reward {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 10px;
    padding: 15px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
}

.gax-rebate-reward-value {
    display: flex;
    align-items: center;
}

.gax-rebate-reward-value img {
    width: 45px;
    height: 45px;
    margin-right: 5px;
    object-fit: contain;
}

.gax-rebate-reward-value strong {
    color: #000;
    font-size: 17px;
}

.gax-rebate-reward button {
    min-width: 75px;
    min-height: 23px;
    padding: 4px 15px;
    border: 0;
    border-radius: 4px;
    background: #000;
    color: #ff0;
    font-size: 12px;
    line-height: 15px;
}

.gax-rebate-reward button:disabled {
    background: #000;
    color: #ff0;
    opacity: 0.55;
}

.gax-rebate-progress-copy {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    color: #fff;
    font-size: 10px;
}

.gax-rebate-progress-copy b {
    color: #f2d66e;
    font-weight: 500;
}

.gax-rebate-progress {
    height: 6px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.3);
}

.gax-rebate-progress i {
    display: block;
    width: min(100%, var(--gax-rebate-progress, 0%));
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffbf20, #fff184);
}

.gax-rebate-next {
    display: flex;
    justify-content: space-between;
    margin-top: 3px;
    color: #fff;
    font-size: 9px;
}

.gax-rebate-table-wrap {
    margin-top: 20px;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(270deg, #005757, #1d624b);
}

.gax-rebate-table-wrap > h2 {
    display: flex;
    min-height: 40px;
    align-items: center;
    margin: 0;
    padding: 12px;
    background: rgba(186, 188, 196, 0.3);
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.gax-rebate-table-wrap > h2 img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.gax-rebate-table {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.gax-rebate-table > div {
    display: grid;
    grid-template-columns: 0.55fr 1.5fr 1fr;
    min-height: 39px;
    align-items: center;
    padding: 0 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    text-align: center;
}

.gax-rebate-table > div:last-child {
    border-bottom: 0;
}

.gax-rebate-table .is-heading {
    background: rgba(186, 188, 196, 0.3);
    color: #fff;
    font-weight: 700;
}

.gax-rebate-table > div > * {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.gax-rebate-table strong {
    color: #fff;
}

.gax-special-rules--rebate {
    margin-top: 20px;
    padding: 10px;
    border-radius: 6px;
    background: linear-gradient(270deg, #005757, #1d624b);
    color: rgba(255, 255, 255, 0.72);
}

.gax-special-rules--rebate > h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 700;
}

.gax-special-rules--rebate > h2::before,
.gax-special-rules--rebate > h2::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255, 255, 255, 0.3);
}

.gax-special-rules--rebate p {
    margin: 0 0 6px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

/* Mystery-box page (the current GAX route behind the wheel artwork). */
.gax-promotion-detail-page--lucky_wheel .gax-promotion-detail-shell,
.gax-promotion-experience--lucky_wheel {
    background: #17236b;
}

.gax-promotion-experience--lucky_wheel {
    padding: 0 13px 38px;
    background-image: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/mystery/item-bg.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.gax-mystery-stage {
    position: relative;
    min-height: 500px;
    padding-top: 29px;
    text-align: center;
}

.gax-mystery-stage > h2 {
    display: flex;
    width: 70%;
    height: 41px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 24px;
    background: #536fce;
    color: #fff;
    font-size: 17px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.28);
}

.gax-mystery-prize-copy {
    display: flex;
    flex-direction: column;
    margin-top: 38px;
    color: #fff;
}

.gax-mystery-prize-copy span {
    font-size: 14px;
}

.gax-mystery-prize-copy strong {
    margin-top: 4px;
    color: #ffed65;
    font-size: 22px;
}

.gax-mystery-box {
    display: block;
    width: 190px;
    height: 190px;
    margin: 7px auto -12px;
    object-fit: contain;
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.32));
}

.gax-mystery-open {
    width: 190px;
    height: 43px;
    border: 0;
    border-radius: 22px;
    background: #ffcc35 url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/mystery/button-bg.webp") no-repeat center / 100% 100%;
    color: #492500;
    font-size: 15px;
    font-weight: 700;
}

.gax-mystery-open:disabled {
    filter: grayscale(0.88);
    opacity: 0.78;
}

.gax-mystery-info {
    margin: 0 -13px;
    padding: 16px 18px 10px;
    border: 0;
    border-radius: 0;
    background: #061f1a;
}

.gax-mystery-current-reward {
    display: flex;
    min-height: 176px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 14px -13px 0;
    padding: 22px 14px;
    background: #17236b url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/mystery/item-bg-2.webp") no-repeat center / 100% 100%;
    color: #fff;
    text-align: center;
}

.gax-mystery-current-reward h3 {
    display: flex;
    align-items: center;
    margin: 0 0 22px;
    font-size: 12px;
    font-weight: 500;
}

.gax-mystery-current-reward h3 img {
    width: 22px;
    height: 22px;
    margin-right: 7px;
}

.gax-mystery-current-reward > strong {
    color: #ffe600;
    font-size: 25px;
}

.gax-mystery-current-reward > strong small {
    font-size: 13px;
}

.gax-mystery-current-reward > span {
    margin-top: 7px;
    font-size: 12px;
}

.gax-mystery-info h3 {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    color: #f3f5ff;
    font-size: 12px;
}

.gax-mystery-info h3 img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.gax-mystery-info dl,
.gax-mystery-info dd {
    margin: 0;
}

.gax-mystery-info dl > div {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    color: #cfd5ff;
    font-size: 11px;
}

.gax-mystery-info dt {
    display: flex;
    align-items: center;
}

.gax-mystery-info dt img {
    width: 27px;
    height: 27px;
    margin-right: 7px;
    object-fit: contain;
}

.gax-mystery-info dd {
    color: #ffe66e;
}

.gax-mystery-days {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
}

.gax-mystery-day {
    display: flex;
    min-width: 0;
    height: 88px;
    flex-direction: column;
    align-items: center;
    padding: 6px 3px;
    border: 1px solid rgba(117, 176, 255, 0.35);
    border-radius: 8px;
    background: linear-gradient(#243caa, #162577);
    color: #dfe6ff;
}

.gax-mystery-day.is-current,
.gax-mystery-day.is-selected {
    border-color: #ffe467;
    box-shadow: 0 0 10px rgba(255, 220, 82, 0.36);
}

.gax-mystery-day.is-claimed {
    filter: grayscale(0.8);
}

.gax-mystery-day span {
    font-size: 10px;
}

.gax-mystery-day img {
    width: 48px;
    height: 44px;
    object-fit: contain;
}

.gax-mystery-day small {
    color: #ffe76e;
    font-size: 10px;
}

.gax-mystery-tier-tables {
    margin: 0 -13px;
    padding: 0 13px 18px;
    background: #061f1a;
}

.gax-mystery-tier-table {
    overflow: hidden;
    border: 1px solid #31594d;
    border-radius: 8px;
    background: #0b2e27;
}

.gax-mystery-tier-table[hidden] {
    display: none;
}

.gax-mystery-tier-table > div {
    display: grid;
    min-height: 38px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-bottom: 1px solid #27493f;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

.gax-mystery-tier-table > div:last-child {
    border-bottom: 0;
}

.gax-mystery-tier-table > .is-heading {
    background: #134538;
}

.gax-mystery-tier-table strong {
    color: #ffe366;
}

.gax-special-rules--mystery {
    margin: 0 -13px;
    padding: 12px 25px 28px;
    border-radius: 0;
    background: #061f1a;
    color: #d5e3de;
}

/* Seven-day sign-in page. */
.gax-promotion-detail-page--daily_login .gax-promotion-detail-shell,
.gax-promotion-experience--daily_login {
    background: #080d23;
}

.gax-promotion-experience--daily_login {
    padding: 0 15px 78px;
}

.gax-signin-hero {
    position: relative;
    width: calc(100% + 30px);
    height: 278px;
    margin-left: -15px;
    overflow: hidden;
}

.gax-signin-hero-bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gax-signin-current-badge {
    position: absolute;
    top: 48px;
    left: 50%;
    width: 220px;
    height: 160px;
    object-fit: contain;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.5));
    transform: translateX(-50%);
}

.gax-signin-hero > strong {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    color: #ffd474;
    font-size: 19px;
    text-align: center;
    text-shadow: 0 2px 4px #000;
}

.gax-signin-rank-card {
    position: relative;
    margin: 0 -4px;
    padding: 10px 0 8px;
}

.gax-signin-ranks {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.gax-signin-ranks::after {
    content: "";
    position: absolute;
    top: 84px;
    right: 19px;
    left: 19px;
    z-index: 0;
    height: 2px;
    background: linear-gradient(90deg, #e9b33d 0 16.6%, #4a5067 16.6% 100%);
}

.gax-signin-rank {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex: 1 1 16.66%;
    flex-direction: column;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #888da2;
    cursor: pointer;
    text-align: center;
}

.gax-signin-rank > span {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #11172d;
    filter: grayscale(0.45);
}

.gax-signin-rank.is-selected > span {
    background: linear-gradient(145deg, #5a9fe8, #7550c4);
    filter: none;
    box-shadow: 0 0 10px rgba(102, 141, 230, 0.42);
}

.gax-signin-ranks img {
    width: 45px;
    height: 39px;
    object-fit: contain;
}

.gax-signin-ranks strong {
    min-height: 16px;
    margin-top: 5px;
    color: #bec2d1;
    font-size: 8px;
    font-weight: 500;
}

.gax-signin-rank.is-selected strong {
    color: #fff;
}

.gax-signin-rank i {
    position: relative;
    z-index: 2;
    width: 8px;
    height: 8px;
    margin: 6px 0 5px;
    border: 2px solid #8990a7;
    border-radius: 50%;
    background: #394057;
    box-shadow: 0 0 0 2px #080d23;
}

.gax-signin-rank.is-selected i,
.gax-signin-rank.is-current i {
    border-color: #ffe087;
    background: #dcae39;
}

.gax-signin-ranks small {
    color: #8d93a8;
    font-size: 7px;
}

.gax-signin-weekly-card {
    display: flex;
    min-height: 73px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px 0 16px;
    border-radius: 9px;
    background: #202840;
}

.gax-signin-weekly-card strong {
    color: #f5b64c;
    font-size: 18px;
}

.gax-signin-weekly-card span {
    margin-top: 5px;
    color: #515a72;
    font-size: 10px;
}

.gax-signin-rewards-card {
    overflow: hidden;
    border-radius: 9px;
    background: #12182c;
}

.gax-signin-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    margin: 0;
    background: #202840;
    color: #bac0d1;
    font-size: 14px;
}

.gax-signin-heading span {
    margin-right: 9px;
    color: #ffd064;
    font-size: 24px;
    line-height: 1;
}

.gax-signin-days {
    overflow: hidden;
    background: #12182c;
}

.gax-signin-rank-days {
    display: none;
}

.gax-signin-rank-days.is-visible {
    display: block;
}

.gax-signin-day {
    display: grid;
    grid-template-columns: 0.9fr 0.95fr 1.15fr;
    min-height: 57px;
    align-items: center;
    padding: 0 15px;
    border-bottom: 1px solid #232a40;
    color: #d8dbe5;
    font-size: 11px;
}

.gax-signin-day:last-child {
    border-bottom: 0;
}

.gax-signin-day > span {
    display: flex;
    align-items: center;
    color: #fff;
}

.gax-signin-day > span img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    object-fit: contain;
}

.gax-signin-day strong {
    color: #ffcf64;
    text-align: center;
}

.gax-signin-day strong small {
    color: #4a5267;
    font-size: inherit;
}

.gax-signin-day b {
    color: #9aa0b5;
    font-weight: 500;
    text-align: right;
}

.gax-signin-day.is-eligible b {
    color: #ffd367;
}

.gax-signin-day.is-claimed b {
    color: #53cb80;
}

.gax-special-rules--signin {
    margin: 25px 0 0;
    padding: 0;
    background: transparent;
    color: #aaaec0;
}

.gax-special-rules--signin h2 {
    color: #fff;
    text-align: left;
}

/* Weekly-loss rescue page. */
.gax-promotion-detail-page--loss_subsidy .gax-promotion-detail-shell,
.gax-promotion-experience--loss_subsidy {
    background: #1c1631;
}

.gax-promotion-experience--loss_subsidy {
    padding: 91px 20px 82px;
    color: #ce83d6;
}

.gax-rescue-hero {
    position: relative;
    height: 294px;
    border-radius: 20px 20px 0 0;
    background: radial-gradient(circle at 50% 27%, rgba(197, 113, 234, 0.7), transparent 42%), linear-gradient(180deg, #b35dd6, #3f376a 68%, transparent);
}

.gax-rescue-hero::before {
    content: "";
    position: absolute;
    inset: -44px -5px -70px;
    background: url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/gax777/promotion-detail/rescue/halo.png") no-repeat center top / 100% auto;
    opacity: 0.56;
    pointer-events: none;
}

.gax-rescue-hero > img {
    position: absolute;
    top: -56px;
    left: 50%;
    z-index: 1;
    width: 327px;
    height: 294px;
    object-fit: contain;
    transform: translateX(-50%);
}

.gax-rescue-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 76px;
    height: 25px;
    padding: 5px 0 0 4px;
    overflow: hidden;
    color: #1c1631;
    font-size: 10px;
    font-weight: 800;
    transform: rotate(-45deg) translate(-21px, -16px);
}

.gax-rescue-ribbon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #ffd263;
}

.gax-rescue-countdown {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    gap: 13px;
}

.gax-rescue-countdown > span {
    display: flex;
    width: 65px;
    height: 78px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: linear-gradient(#2b7ae4 0 48%, #172750 48%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.38);
    color: #fff;
}

.gax-rescue-countdown b {
    font-size: 17px;
}

.gax-rescue-countdown small {
    margin-top: 2px;
    font-size: 8px;
}

.gax-rescue-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 1px;
}

.gax-rescue-values > div {
    display: flex;
    height: 70px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #e148e6;
    border-radius: 7px;
    background: rgba(75, 26, 99, 0.35);
}

.gax-rescue-values strong {
    color: #ffda6e;
    font-size: 15px;
}

.gax-rescue-values strong small {
    font-size: 8px;
}

.gax-rescue-values span {
    margin-top: 7px;
    color: #eee8f2;
    font-size: 11px;
}

.gax-rescue-labels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0 9px;
    color: #ac78b8;
    font-size: 11px;
    text-align: center;
}

.gax-rescue-tiers {
    display: grid;
    gap: 8px;
    margin: 0 0 16px;
}

.gax-rescue-tiers > div {
    display: flex;
    min-height: 47px;
    align-items: center;
    justify-content: space-between;
    padding: 9px 17px;
    border: 1px solid rgba(222, 91, 234, 0.45);
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(190, 125, 255, 0.15), rgba(37, 25, 62, 0.75));
    color: #d1a2d7;
    font-size: 11px;
}

.gax-rescue-tiers strong {
    color: #ffdb70;
    font-size: 14px;
}

.gax-special-rules--rescue h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.gax-special-rules--rescue h2 img {
    width: 18px;
    height: 18px;
    margin: 0 9px;
}

.gax-special-rules--rescue h2 img:last-child {
    transform: scaleX(-1);
}

.gax-special-rules--rescue p {
    margin-bottom: 18px;
    color: #be79c7;
    font-weight: 600;
    line-height: 2.25;
}

.gax-sticky-claim {
    position: fixed;
    right: max(15px, calc((100vw - 490px) / 2 + 15px));
    bottom: 10px;
    left: max(15px, calc((100vw - 490px) / 2 + 15px));
    z-index: 30;
    max-width: 460px;
    margin: auto;
    padding: 10px;
    border: 1px solid rgba(112, 129, 168, 0.35);
    border-radius: 10px;
    background: rgba(30, 43, 70, 0.94);
    backdrop-filter: blur(6px);
}

.gax-sticky-claim button {
    width: 100%;
    height: 42px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(90deg, #ffdc67, #8654d5);
    color: #17172d;
    font-size: 14px;
    font-weight: 700;
}

.gax-sticky-claim button:disabled {
    filter: saturate(0.45);
    opacity: 0.64;
}

.gax-experience-action.is-loading {
    cursor: wait;
    filter: grayscale(0.35);
    opacity: 0.72;
}

.gax-promotion-detail-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1400;
    max-width: min(360px, calc(100vw - 40px));
    padding: 11px 16px;
    border-radius: 7px;
    background: rgba(12, 21, 17, 0.95);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.96);
    transition: opacity 160ms ease, transform 160ms ease;
}

.gax-promotion-detail-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.gax-promotion-detail-toast.is-success {
    border: 1px solid rgba(70, 208, 121, 0.5);
}

.gax-promotion-detail-toast.is-error {
    border: 1px solid rgba(242, 106, 106, 0.6);
}

@media screen and (max-width: 370px) {
    .gax-invite-tier-grid,
    .gax-mystery-days {
        gap: 6px 4px;
    }

    .gax-invite-tier {
        min-height: 116px;
    }

    .gax-rescue-countdown {
        gap: 6px;
    }

    .gax-rescue-countdown > span {
        width: 46px;
    }
}

.gax-deposit-records-link {
    cursor: pointer;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* GAX777 second tab: promotion cards and event details. */
html:has(body.gax-promotion-page),
html:has(body.gax-promotion-detail-page),
body.gax-promotion-page,
body.gax-promotion-detail-page {
    width: 100%;
    min-height: 100%;
    margin: 0;
    background-color: #0f5a2a !important;
    background-image: radial-gradient(circle, #1f8a41 0, #157033 52%, #0c4d23 100%) !important;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.gax-promotion-page *,
body.gax-promotion-page *::before,
body.gax-promotion-page *::after,
body.gax-promotion-detail-page *,
body.gax-promotion-detail-page *::before,
body.gax-promotion-detail-page *::after {
    box-sizing: border-box;
}

.gax-promotion-app,
.gax-promotion-shell,
.gax-promotion-detail-app,
.gax-promotion-detail-shell {
    width: 100%;
    max-width: 490px;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 auto;
}

.gax-promotion-app,
.gax-promotion-detail-app {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.gax-promotion-shell,
.gax-promotion-detail-shell {
    position: relative;
    background: #021a02 url("https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg") repeat center top;
    background-size: 52px 90px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
}

.gax-promotion-list {
    height: 100vh;
    height: 100dvh;
    padding: 10px 10px 54px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.gax-promotion-list::-webkit-scrollbar {
    display: none;
}

.gax-promotion-card {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    overflow: hidden;
    border: 1px solid rgba(197, 226, 210, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.09);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    -webkit-tap-highlight-color: transparent;
}

.gax-promotion-card:active {
    transform: translateY(1px);
    filter: brightness(0.95);
}

.gax-promotion-banner-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.gax-promotion-banner {
    display: block;
    width: 100%;
    aspect-ratio: 656 / 176;
    max-width: none;
    object-fit: cover;
    background: #263c2d;
}

.gax-promotion-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 53px;
    padding: 8px;
    gap: 8px;
}

.gax-promotion-title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
}

.gax-promotion-title img,
.gax-promotion-detail-title > img {
    display: block;
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    max-width: none;
    object-fit: contain;
}

.gax-promotion-title strong,
.gax-promotion-detail-title strong {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gax-promotion-status {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 107px;
    height: 37px;
    padding: 0 13px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(#c0f5d0 0%, #159a4a 52%, #7ee3a2 100%);
    color: #07130b;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 37px;
    white-space: nowrap;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);
}

.gax-promotion-status.is-claimed {
    min-width: 74px;
    background: #ccc;
    color: #222;
    box-shadow: none;
}

.gax-promotion-status.is-ready {
    background: linear-gradient(180deg, #ffe896, #f1b80d 55%, #ffe076);
    color: #231a00;
}

.gax-promotion-list[data-authenticated="false"] .gax-promotion-status:focus-visible {
    outline: 2px solid #c0f5d0;
    outline-offset: 2px;
}

.gax-login-required-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1300;
    max-width: calc(100vw - 32px);
    padding: 10px 17px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 7px;
    background: rgba(18, 30, 22, 0.94);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.98);
    transition: opacity 160ms ease, transform 160ms ease;
}

.gax-login-required-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.gax-login-required-toast.is-leaving {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.98);
}

.gax-login-required-toast.is-success {
    border-color: rgba(70, 208, 121, 0.55);
}

.gax-login-required-toast.is-error {
    border-color: rgba(242, 106, 106, 0.6);
}

.gax-promotion-bottom-space {
    width: 100%;
    height: 12px;
}

body.gax-promotion-page #tabBar.gax-tabbar {
    right: auto;
    left: 50%;
    width: min(100%, 490px);
    max-width: 490px;
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .gax-promotion-app,
    .gax-promotion-shell,
    .gax-promotion-detail-app,
    .gax-promotion-detail-shell {
        max-width: none;
    }

    body.gax-promotion-page #tabBar.gax-tabbar {
        width: 100%;
        max-width: none;
    }
}

.gax-promotion-detail-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    background: #0b431c;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gax-promotion-detail-header h1 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 44px;
}

.gax-promotion-back {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #fff !important;
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 200;
    line-height: 42px;
    text-decoration: none !important;
}

.gax-promotion-detail-content {
    height: calc(100vh - 44px);
    height: calc(100dvh - 44px);
    min-height: calc(100vh - 44px);
    min-height: calc(100dvh - 44px);
    padding: 20px 15px 32px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    color: #fff;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.gax-promotion-detail-content::-webkit-scrollbar {
    display: none;
}

.gax-promotion-detail-page--daily_login .gax-promotion-detail-content,
.gax-promotion-detail-page--loss_subsidy .gax-promotion-detail-content {
    padding-bottom: 94px;
}

.gax-promotion-detail-banner {
    display: block;
    width: 100%;
    aspect-ratio: 656 / 176;
    margin: 0 0 12px;
    border: 1px solid rgba(197, 226, 210, 0.34);
    border-radius: 8px;
    object-fit: cover;
}

.gax-promotion-detail-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    padding: 8px;
    border: 1px solid rgba(197, 226, 210, 0.34);
    background: rgba(8, 31, 17, 0.64);
}

.gax-promotion-detail-title strong {
    flex: 1 1 auto;
}

.gax-promotion-detail-title .gax-promotion-status {
    height: 36px;
    line-height: 36px;
}

.gax-promotion-detail-body {
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
}

.gax-promotion-rule,
.gax-promotion-tasks {
    margin: 0 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: rgba(7, 26, 14, 0.56);
}

.gax-promotion-rule {
    padding: 10px;
}

.gax-promotion-rule h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.gax-promotion-rule p {
    margin: 0 0 12px;
}

.gax-promotion-rule p:last-child {
    margin-bottom: 0;
}

.gax-promotion-task {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 5px;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.gax-promotion-task:last-child {
    border-bottom: 0;
}

.gax-promotion-task span {
    flex: 1 1 auto;
}

.gax-promotion-task span strong,
.gax-promotion-task span small {
    display: block;
}

.gax-promotion-task span strong {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 500;
}

.gax-promotion-task span small {
    color: #b8cbbf;
    font-size: 11px;
}

.gax-promotion-task b,
.gax-promotion-task-action {
    display: inline-flex;
    flex: 0 0 100px;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 4px;
    background: #2e60e8;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.gax-promotion-task-action {
    border: 0;
    cursor: pointer;
}

.gax-promotion-task-action:disabled {
    cursor: default;
    opacity: 0.72;
}

.gax-promotion-task.is-complete b,
.gax-promotion-task.is-complete .gax-promotion-task-action {
    background: #159a4a;
}

.gax-promotion-task.is-eligible .gax-promotion-task-action {
    background: linear-gradient(180deg, #ffe896, #efb400 55%, #ffe076);
    color: #1d1600;
}

.gax-promotion-wheel {
    margin: 0 0 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 8px;
    background: radial-gradient(circle at 50% 15%, rgba(255, 222, 94, 0.2), rgba(7, 26, 14, 0.7) 65%);
}

.gax-promotion-wheel-summary,
.gax-promotion-wheel-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.gax-promotion-wheel-summary {
    margin-bottom: 8px;
    font-size: 15px;
}

.gax-promotion-wheel-summary strong {
    color: #ffe06f;
    font-size: 24px;
}

.gax-promotion-wheel-progress {
    margin-bottom: 12px;
    color: #c4d5ca;
    font-size: 11px;
}

.gax-promotion-wheel-prizes {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 12px;
}

.gax-promotion-wheel-prize {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 1px solid rgba(255, 224, 111, 0.6);
    border-radius: 7px;
    background: rgba(255, 224, 111, 0.09);
    color: #ffe06f;
    font-size: 11px;
    text-align: center;
}

.gax-promotion-wheel-button,
.gax-promotion-cta {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #c0f5d0, #159a4a 55%, #7ee3a2);
    color: #07130b !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}

.gax-promotion-wheel-button:disabled {
    background: #87968c;
    color: #29322c !important;
    box-shadow: none;
}

.gax-promotion-cta {
    margin-top: 12px;
}

@media screen and (max-width: 370px) {
    .gax-promotion-title strong,
    .gax-promotion-detail-title strong {
        font-size: 12px;
    }

    .gax-promotion-status {
        min-width: 94px;
        padding: 0 9px;
        font-size: 11px;
    }
}