/* 7PLAY77 homepage, measured from the public reference at a 520px canvas. */
html.gax-home-root, html:has(body.gax-home-page), body.gax-home-page {
    background: #021a02 url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg') center top / 52px 90px repeat !important;
    font-family: Arial, Helvetica, sans-serif;
}
body.gax-home-page .gax-home-app,
body.gax-home-page .gax-home-shell { max-width: 520px !important; }
body.gax-home-page .gax-home-shell {
    background-color: #021a02;
    background-image: url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/deposit-pattern.svg') !important;
    background-size: 52px 90px;
    box-shadow: none;
}
body.gax-home-page .gax-home-header { height: 52px; padding: 0 20px; background: linear-gradient(90deg, #001a00, #041d04); }
body.gax-home-page .gax-home-menu-button,
body.gax-home-page .gax-home-menu-button img { width: 32px; height: 32px; flex-basis: 32px; }
body.gax-home-page .gax-home-logo { flex-basis: 111px; width: 111px; height: 40px; margin-left: 5px; }
body.gax-home-page .gax-home-logo img { display:block; width:111px; height:40px; object-fit:contain; }
body.gax-home-page .gax-home-header-actions { gap: 10px; }
body.gax-home-page .gax-home-auth-group { width: auto; height: 32px; margin: 0; gap: 10px; }
body.gax-home-page .gax-home-register-wrap { display:flex; align-items:center; flex-basis: 92px; width: 92px; height: 32px; margin: 0; }
body.gax-home-page .gax-home-auth-button { width: 92px; min-width: 92px; height: 30px; border-radius: 5px; color: #000; font: 17px/30px Calibri, Arial, sans-serif; }
body.gax-home-page .gax-home-auth-button.is-register { background: linear-gradient(#ffee00, #ffaf00); }
body.gax-home-page .gax-home-auth-button.is-login { margin: 0; background: #018e00; color: #fff; }
body.gax-home-page .gax-home-register-badge { top:-8px; right:5px; width:42px; height:17px; background:#e8494a; font-size:11px; line-height:15px; }
body.gax-home-page .gax-home-service { width: 32px; height: 32px; flex: 0 0 32px; border: 0; border-radius: 0; overflow: hidden; }
body.gax-home-page .gax-home-service img { width:32px; height:32px; }
body.gax-home-page > .gax-floating-service {
    display:flex;
    align-items:center;
    justify-content:center;
    left:auto;
    right:max(8px,calc(50vw - 252px));
    bottom:130px;
    z-index:110;
    width:70px;
    height:74px;
    transform:none;
}
body.gax-home-page > .gax-floating-service img {
    width:60px;
    height:60px;
    object-fit:contain;
    animation:play77-support-bounce 1.2s ease-in-out infinite;
}
@keyframes play77-support-bounce {
    0%, 100% { transform:translateY(-10px); animation-timing-function:cubic-bezier(.8,0,1,1); }
    50% { transform:translateY(0); animation-timing-function:cubic-bezier(0,0,.2,1); }
}
@media (prefers-reduced-motion: reduce) {
    body.gax-home-page > .gax-floating-service img { animation:none; }
}
@media (min-width:768px) and (max-width:957px) {
    body.gax-home-page > .gax-floating-service { right:0; bottom:90px; }
}
@media (max-width:767px) {
    body.gax-home-page > .gax-floating-service {
        justify-content:flex-end;
        right:8px;
        bottom:34.666667vw;
        width:18.666667vw;
        height:19.733333vw;
    }
    body.gax-home-page > .gax-floating-service img {
        width:min(16vw,60px);
        height:min(16vw,60px);
        margin-right:5px;
    }
}
body.gax-home-page .gax-home-reward-float { display:none; }
body.gax-home-page .gax-home-scroll { height: calc(100dvh - 52px); padding-bottom: 50px; }
/* Give WebKit a definite height before Swiper resolves its 100%-height slides. */
body.gax-home-page .gax-home-banner { width: calc(100% - 40px); height: 30.9616vw; max-height: 161px; margin: 4px 20px 0; border-radius: 8px; }
body.gax-home-page .gax-home-banner-media { object-fit: contain; }
body.gax-home-page .gax-home-banner-pagination { bottom: 1px !important; }
body.gax-home-page .gax-home-banner-pagination .swiper-pagination-bullet { width:5px; height:5px; background:#d6e8ae; margin:0 4px; }
body.gax-home-page .gax-home-banner-pagination .swiper-pagination-bullet-active { background:#fff; }
.play77-promo-strip { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:18px 20px 0; }
.play77-promo-strip a { display:block; min-width:0; }
.play77-promo-strip img { display:block; width:100%; aspect-ratio:233/68; border-radius:9px; object-fit:fill; }
.play77-promo-wide { display:block; margin:10px 20px 0; }
.play77-promo-wide img { display:block; width:100%; aspect-ratio:480/69; border-radius:34px; object-fit:fill; }
body.gax-home-page .play77-search-trigger { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 28px); height:42px; margin:10px 14px 0; padding:0 10px 0 0; border:1px solid #3bb977; border-radius:6px; background:#002915; color:#81b597; font:17px/40px Calibri,sans-serif; text-align:left; cursor:pointer; }
.play77-search-trigger span { flex:1; min-width:0; height:40px; line-height:40px; text-indent:10px; }
.play77-search-icon { position:relative; display:block; flex:0 0 29px; width:29px; height:29px; }
.play77-search-trigger .play77-search-icon { flex:0 0 22px; width:22px; height:22px; margin-left:10px; object-fit:contain; }
.play77-search-icon::before { content:''; position:absolute; top:4px; left:3px; width:16px; height:16px; border:1.5px solid #96b5a2; border-radius:50%; }
.play77-search-icon::after { content:''; position:absolute; top:19px; left:18px; width:12px; border-top:1.5px solid #96b5a2; transform:rotate(45deg); transform-origin:left center; }
.play77-search-overlay { position:absolute; inset:0; z-index:2300; overflow-y:auto; background:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.97) 100%); }
.play77-search-overlay[hidden], .play77-search-history[hidden], .play77-search-results[hidden], .play77-search-more[hidden] { display:none; }
.play77-search-panel-bar { display:flex; align-items:center; height:42px; margin:11px 12px 0; border:1px solid #313a30; border-radius:4px; background:#1d1d1d; }
.play77-search-panel-bar:focus-within { border-color:#668b54; }
.play77-search-panel-bar .play77-search-icon { margin:0 7px 0 6px; }
.play77-search-panel-bar .play77-search-icon::before { border-color:#8c8c8c; }
.play77-search-panel-bar .play77-search-icon::after { border-color:#8c8c8c; }
.play77-search-panel-bar input { min-width:0; flex:1; height:100%; padding:0; border:0; outline:0; background:transparent; color:#fff; font:14px Arial,sans-serif; }
.play77-search-panel-bar input::placeholder { color:#888; }
.play77-search-panel-bar button { width:76px; height:100%; padding:0; border:0; background:transparent; color:#fff; font:14px Arial,sans-serif; cursor:pointer; }
.play77-search-hint { margin:29px 0 0; color:#787878; font:14px Arial,sans-serif; text-align:center; }
.play77-search-history { margin:27px 12px 0; color:#fff; }
.play77-search-history-head { display:flex; align-items:center; justify-content:space-between; height:24px; font-size:15px; }
.play77-search-history-head button { width:24px; height:24px; padding:0; border:0; background:transparent; color:#ddd; font-size:25px; line-height:24px; cursor:pointer; }
.play77-search-history-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.play77-search-history-chip { display:inline-flex; align-items:center; gap:9px; height:34px; padding:0 10px; border-radius:3px; background:#272727; color:#aaa; font:15px Arial,sans-serif; }
.play77-search-history-chip button { padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.play77-search-history-chip .play77-search-history-remove { color:#888; font-size:18px; line-height:1; }
.play77-search-history-remove:hover { color:#ddd; }
.play77-search-results { padding:20px 14px 32px; color:#fff; }
.play77-search-status { min-height:20px; margin-bottom:14px; color:#a8b8a0; font-size:14px; }
.play77-search-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.play77-search-card { display:block; min-width:0; padding:0; border:0; background:transparent; color:#fff; cursor:pointer; }
.play77-search-card img { display:block; width:100%; aspect-ratio:110/154; border-radius:8px; object-fit:cover; }
.play77-search-card span { display:block; overflow:hidden; margin-top:5px; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.play77-search-more { display:block; width:150px; height:36px; margin:18px auto 0; border:1px solid #4a9343; border-radius:18px; background:#194f17; color:#fff; cursor:pointer; }
body.gax-home-page .gax-home-announcement { gap:0; height:50px; margin:12px 0 0; padding:0 20px; border-bottom:1px solid #ffaf00; background:linear-gradient(rgba(1,142,0,0),rgba(1,142,0,.5)); }
body.gax-home-page .gax-home-announcement-main { height:49px; padding:0; border-radius:0; background:none; }
body.gax-home-page .gax-home-announcement-main,
body.gax-home-page .gax-home-message { transform:translateY(5px); }
body.gax-home-page .gax-home-announcement-icon { width:24px; height:24px; flex-basis:24px; margin:0 4px 0 0; }
body.gax-home-page .gax-home-marquee { color:rgba(255,255,255,.65); font:13px/24px Calibri,Arial,sans-serif; }
body.gax-home-page .gax-home-marquee-track.is-reference { position:relative; width:100%; height:24px; animation:none; }
body.gax-home-page .gax-home-marquee-track.is-reference span { display:none; position:absolute; top:0; left:0; width:100%; height:24px; padding:0; overflow:hidden; white-space:nowrap; }
body.gax-home-page .gax-home-marquee-track.is-reference span.is-active { display:block; animation:play77-notice-slide 6s linear infinite forwards; }
@keyframes play77-notice-slide { from { transform:translateX(100%); } to { transform:translateX(-100%); } }
body.gax-home-page .gax-home-message { width:28px; height:28px; flex-basis:28px; margin:0; border-radius:10px; background:#018e00; }
body.gax-home-page .gax-home-message img { width:20px; height:20px; }
body.gax-home-page .gax-home-category-bar { height:93px; padding:19px 20px 10px; background:#031900; }
body.gax-home-page .gax-home-category-list { gap:0; height:63px; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/home-game-group-bg.png') left bottom / 100% 34px no-repeat; }
body.gax-home-page .gax-home-category { flex:0 0 78px; width:78px; margin:0; color:#aab7a8; font-size:11px; }
body.gax-home-page .gax-home-category-icon { width:32px; height:32px; flex-basis:32px; padding:0; border:0; border-radius:0; }
body.gax-home-page .gax-home-category-icon img { width:32px; height:32px; }
body.gax-home-page .gax-home-category-name { margin-top:3px; font-size:11px; }
body.gax-home-page .gax-home-category.is-active { color:#fff; font-weight:400; }
body.gax-home-page .gax-home-category.is-active .gax-home-category-icon { border:0; }
body.gax-home-page .gax-home-sections { padding:1px 0 0; }
body.gax-home-page .gax-home-section { position:relative; margin:0 0 15px; padding:0 0 2px; border-radius:16px; background:#003200; scroll-margin-top:95px; }
body.gax-home-page .gax-home-section[hidden] { display:none !important; }
body.gax-home-page #gax-section-jdb { margin-top:15px; }
body.gax-home-page .gax-home-section-head { position:static; height:46px; margin:0 0 16px; padding:0 20px 0 10px; border-radius:0; justify-content:flex-start; background:transparent; }
body.gax-home-page .gax-home-section-head::before { content:''; position:absolute; left:0; top:0; width:246px; height:46px; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/home-game-title-bg.png') left top / 100% 100% no-repeat; }
body.gax-home-page .gax-home-section-icon { position:relative; z-index:1; width:36px; height:36px; flex-basis:36px; margin-right:8px; }
body.gax-home-page .gax-home-section-head h2 { position:relative; z-index:1; flex:1; margin:0; color:#000; font:700 19px/46px Calibri,Arial,sans-serif; }
body.gax-home-page .gax-home-section-actions { position:static; z-index:1; gap:0; }
body.gax-home-page .gax-home-page-button { position:absolute; z-index:2; top:calc(50% - 20px); display:flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; border:0; border-radius:0; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/game-arrow-white.svg') center / 22px 22px no-repeat; color:transparent; font-size:0; }
body.gax-home-page .gax-home-page-button.is-prev { left:5px; }
body.gax-home-page .gax-home-page-button.is-next { right:5px; transform:rotate(180deg); }
@media (min-width:521px) {
    body.gax-home-page .gax-home-page-button { top:calc(50% - 26px); }
}
body.gax-home-page .gax-home-total { width:54px; min-width:54px; height:28px; margin-right:7px; padding:0; border:1px solid #018e00; border-radius:5px; background:transparent; color:#6adb36; font:700 16px/26px Calibri,Arial,sans-serif; }
body.gax-home-page .gax-home-more { width:54px; height:28px; margin-right:13px; padding:0; background:transparent; color:#6adb36; font:700 16px/26px Calibri,Arial,sans-serif; }
body.gax-home-page .gax-home-lobby { display:flex; align-items:center; justify-content:center; gap:5px; width:119px; height:30px; border-radius:5px; background:rgba(1,142,0,.5); color:rgba(255,255,255,.65); font:700 13px Calibri,Arial,sans-serif; text-decoration:none; white-space:nowrap; }
body.gax-home-page .gax-home-lobby img { width:20px; height:20px; object-fit:contain; transform:rotate(-90deg); }
@media (max-width:430px) {
    body.gax-home-page .gax-home-section { border-radius:3.2vw; }
    body.gax-home-page .gax-home-section-head { height:9.333vw; margin-bottom:3.2vw; padding:0 4vw 0 2.667vw; }
    body.gax-home-page .gax-home-section-head::before { width:49.75vw; height:9.333vw; }
    body.gax-home-page .gax-home-section-icon { width:6.667vw; height:6.667vw; flex-basis:6.667vw; margin-right:2.133vw; }
    body.gax-home-page .gax-home-section-head h2 { font-size:4.267vw; line-height:9.333vw; }
    body.gax-home-page .gax-home-section-actions { gap:0; }
    body.gax-home-page .gax-home-total { width:11vw; min-width:11vw; height:5.85vw; margin-right:1.333vw; border-radius:1.067vw; font-size:3.2vw; line-height:5.333vw; }
    body.gax-home-page .gax-home-more { width:7.28vw; height:5.333vw; margin-right:2.667vw; font-size:3.2vw; line-height:5.333vw; }
    body.gax-home-page .gax-home-lobby { width:24vw; height:6.133vw; gap:1.333vw; border-radius:1.067vw; font-size:2.667vw; }
    body.gax-home-page .gax-home-lobby img { width:max(14px,4vw); height:4vw; }
}
body.gax-home-page .gax-home-game-grid { grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:13px; row-gap:9px; padding:0 20px 6px; }
body.gax-home-page .gax-home-game-card { padding:0; }
body.gax-home-page .gax-home-game-wrapper { padding-top:140%; }
body.gax-home-page .gax-home-game-image { border-radius:8px; }
body.gax-home-page .gax-home-load-more { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:21px; margin-top:6px; padding:0; border:0; background:transparent; color:#018e00; font:11px/12px Calibri,Arial,sans-serif; text-decoration:none; cursor:pointer; }
body.gax-home-page .gax-home-load-more img { box-sizing:content-box; width:10px; height:10px; padding:2px 3px; border-radius:50%; background:#018e00; object-fit:contain; }
body.gax-home-page .gax-home-favorite { top:5px; right:5px; width:30px; height:30px; padding:4px; border-radius:50%; background:rgba(0,0,0,.65); }
.play77-footer { position:relative; box-sizing:border-box; width:100%; margin-top:clamp(6px,calc(2.874vw - 3.94px),11px); padding:min(3px,.577vw) min(12px,2.308vw) 0; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/footer-bg.png') center top / 100% auto no-repeat; color:rgba(255,255,255,.65); font-family:Calibri,sans-serif; text-align:center; }
.play77-footer-logo { display:block; width:min(158px,30.385vw); height:min(63px,12.115vw); margin:0 auto min(16px,3.077vw); object-fit:contain; }
.play77-footer-mascots { display:block; width:min(241px,46.346vw); height:min(242px,46.538vw); margin:0 auto min(20px,3.846vw); object-fit:fill; transform:translateX(max(-10px,-1.923vw)); }
.play77-footer-badges { display:flex; align-items:center; justify-content:center; gap:min(20px,3.846vw); height:min(46px,8.846vw); margin-bottom:min(13px,2.5vw); }
.play77-footer-badges img { display:block; width:min(40px,7.692vw); height:min(40px,7.692vw); object-fit:contain; }
.play77-footer-badges > img:first-child { width:min(46px,8.846vw); height:min(46px,8.846vw); }
.play77-footer-badges a { display:inline-flex; align-items:center; justify-content:center; width:min(40px,7.692vw); height:min(40px,7.692vw); }
.play77-footer-badges a:focus-visible { outline:2px solid #fff; outline-offset:2px; border-radius:50%; }
.play77-footer p { min-height:min(100px,19.231vw); margin:0 0 min(20px,3.846vw); color:rgba(138,153,152,.65); font-size:min(12px,2.308vw); line-height:min(20px,3.846vw); text-align:center; }
.play77-footer-copyright { font-size:min(12px,2.308vw); line-height:min(16.5px,3.173vw); }
.play77-footer-version { color:rgba(138,153,152,.65); font-size:min(12px,2.308vw); line-height:min(20px,3.846vw); }
body.gax-home-page #tabBar.gax-tabbar { left:50%; right:auto; width:min(100%,520px); max-width:520px; height:80px; transform:translateX(-50%); background:transparent !important; }
body.gax-home-page #tabBar .gax-tabbar-bg { display:block; height:80px; object-fit:fill; }
body.gax-home-page #tabBar .gax-tabbar-items { height:80px; padding:0 0 4px; align-items:flex-end; justify-content:space-around; }
body.gax-home-page #tabBar .gax-tabbar-item { top:0; flex-basis:20%; width:20%; height:80px; align-items:flex-end; }
body.gax-home-page #tabBar .gax-tabbar-icon,
body.gax-home-page #tabBar .gax-tabbar-item.is-active .gax-tabbar-icon { width:60px; height:36px; transform:none; clip-path:none; object-fit:fill; }
body.gax-home-page #tabBar .gax-tabbar-item[data-key='agent'] .gax-tabbar-icon,
body.gax-home-page #tabBar .gax-tabbar-item[data-key='agent'].is-active .gax-tabbar-icon { height:60px; }
body.gax-home-page #tabBar .gax-tabbar-item[data-key='activity']::after,
body.gax-home-page #tabBar .gax-tabbar-item[data-key='personal']::after { position:absolute; top:40px; left:calc(50% + 3px); width:13px; height:13px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#ff8585 0,#e33d50 55%,#8a1637 100%); content:''; pointer-events:none; }
body.gax-home-page #tabBar .gax-tabbar-label { display:none; }
body.gax-home-page .gax-home-scroll-spacer { height:min(40px,7.692vw); }

body.gax-home-page .gax-home-drawer-mask { backdrop-filter:blur(5px); }
body.gax-home-page .gax-home-drawer { --drawer-unit:1vw; display:flex; flex-direction:column; width:76%; max-width:395px; padding:0 26px; overflow:hidden; background:#001a00 url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/drawer-bg.png') center top / contain repeat; color:#fff; font-family:Calibri,Arial,sans-serif; }
body.gax-home-page .gax-home-drawer-head { flex:0 0 89px; height:89px; padding:0; align-items:flex-start; }
body.gax-home-page .gax-home-drawer-head > img { width:111px; height:28px; margin:34px 0 0; }
body.gax-home-page .gax-home-drawer-head button { top:33px; left:26px; width:30px; height:30px; border-radius:50%; background:transparent; }
body.gax-home-page .gax-home-drawer-head button img { width:30px; height:30px; }
body.gax-home-page .gax-home-drawer-main { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
body.gax-home-page .gax-home-drawer-main::-webkit-scrollbar { display:none; }
body.gax-home-page .gax-home-drawer-guest-actions { width:100%; height:60px; gap:10px; margin:0 0 14px; }
body.gax-home-page .gax-home-drawer-guest-actions button { height:60px; border-radius:8px; box-shadow:none; color:#fff; font-size:24px; line-height:60px; }
body.gax-home-page .gax-home-drawer-guest-actions .is-login { background:linear-gradient(#7dd347,#389b22); }
body.gax-home-page .gax-home-drawer-guest-actions .is-register { background:linear-gradient(#1c3d81,#081b50); }
body.gax-home-page .gax-home-drawer-account { flex:0 0 auto; width:100%; min-height:166px; height:166px; margin:0 0 11px; padding:11px; border-radius:11px; background:#003200; }
body.gax-home-page .gax-home-drawer-account--guest { min-height:108px; height:108px; }
body.gax-home-page .gax-home-drawer-user { height:60px; margin-bottom:0; }
body.gax-home-page .gax-home-drawer-avatar { flex:none; width:52px; height:52px; border-radius:8px; }
body.gax-home-page .gax-home-drawer-user-info { flex:1; }
body.gax-home-page .gax-home-drawer-user-info strong { max-width:100%; font-size:18px; line-height:25px; }
body.gax-home-page .gax-home-drawer-id { margin-top:0; }
body.gax-home-page .gax-home-drawer-money { height:38px; margin:0; color:#fff; font-size:24px; line-height:35px; }
body.gax-home-page .gax-home-drawer-money small { color:#aab9a4; font-size:20px; }
body.gax-home-page .gax-home-drawer-wallet-actions { height:48px; gap:13px; margin:0; }
body.gax-home-page .gax-home-drawer-wallet-actions a { height:48px; border-radius:9px; box-shadow:none; font-size:20px; font-weight:bold; }
body.gax-home-page .gax-home-drawer-wallet-actions a img { width:28px; height:28px; margin-right:5px; }
body.gax-home-page .gax-home-drawer-wallet-actions .is-deposit { background:linear-gradient(107deg,#ffee00,#ffaf00); color:#151800; }
body.gax-home-page .gax-home-drawer-wallet-actions .is-withdraw { background:#018e00; color:#fff; }
body.gax-home-page .gax-home-drawer-grid { flex:0 0 auto; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 3.5px; margin-left:0; padding:0; }
body.gax-home-page .gax-home-drawer-grid a { height:55px; flex-direction:row; justify-content:flex-start; gap:10px; padding:0 10px; border-radius:10px; background:#003200; }
body.gax-home-page .gax-home-drawer-grid img { width:26px; height:26px; }
body.gax-home-page .gax-home-drawer-grid span { margin:0; font-size:19px; line-height:19px; color:rgba(255,255,255,.85); }
body.gax-home-page .gax-home-drawer-grid a.has-notification span::after { content:''; display:inline-block; vertical-align:middle; width:calc(var(--drawer-unit) * 3.2); height:calc(var(--drawer-unit) * 3.2); margin-left:calc(var(--drawer-unit) * 1.066667); border-radius:50%; background:#ff1010; box-shadow:0 0 0 1px #fff; }
body.gax-home-page .gax-home-drawer-footer { position:relative; bottom:auto; left:auto; display:flex; flex:0 0 auto; flex-direction:column; gap:13px; width:100%; height:344px; margin-top:20px; padding:0; }
body.gax-home-page .play77-drawer-code { display:block; flex:0 0 95px; width:100%; height:95px; padding:8px 10px; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/drawer-code-bg.png') center / 100% 100% no-repeat; }
body.gax-home-page .play77-drawer-code label { display:block; margin-bottom:10px; color:#ffaf00; font-size:17px; line-height:24px; }
body.gax-home-page .play77-drawer-code-row { display:flex; align-items:center; gap:8px; }
body.gax-home-page .play77-drawer-code input { flex:1 1 0; min-width:0; height:42px; padding:0 10px; border:1px solid rgba(255,255,255,.15); border-radius:5px; outline:none; background:rgba(255,255,255,.04); color:#fff; font:17px Calibri,Arial,sans-serif; }
body.gax-home-page .play77-drawer-code input::placeholder { color:#9a9a9a; }
body.gax-home-page .play77-drawer-code button { flex:0 0 91px; height:40px; padding:0; border:0; border-radius:5px; background:linear-gradient(112deg,#6adb36,#018e00); color:#fff; font:18px Calibri,Arial,sans-serif; cursor:pointer; }
body.gax-home-page .gax-home-drawer-footer .play77-drawer-support { display:block; flex:0 0 125px; height:125px; margin:0; padding:8px 9px; border:0; border-radius:0; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/drawer-service-bg.png') center / 100% 100% no-repeat; color:#f6c74b; text-decoration:none; }
.play77-drawer-support strong { display:block; font-size:17px; font-weight:400; line-height:25px; }
.play77-drawer-support-icons { display:flex; justify-content:center; gap:16px; height:40px; margin:1px 0 4px; }
.play77-drawer-support-icons img { width:33px; height:33px; object-fit:contain; }
body.gax-home-page .gax-home-drawer-footer .play77-drawer-support-icons img { opacity:1; }
.play77-drawer-support small { display:block; color:#b696ff; font-size:10px; line-height:13px; }
body.gax-home-page .gax-home-drawer-footer .play77-drawer-mascots { display:block; width:100%; height:98px; margin:0; object-fit:fill; }
body.gax-home-page .gax-home-drawer-footer .play77-drawer-share { display:block; flex:0 0 98px; width:100%; height:98px; }
  body.gax-home-page .gax-home-drawer { width:76%; max-width:none; padding:0 calc(var(--drawer-unit) * 5.333333); }
  body.gax-home-page .gax-home-drawer-head { flex-basis:calc(var(--drawer-unit) * 20); height:calc(var(--drawer-unit) * 20); }
  body.gax-home-page .gax-home-drawer-head > img { width:calc(var(--drawer-unit) * 26.3); height:calc(var(--drawer-unit) * 6.666667); margin-top:calc(var(--drawer-unit) * 7.333333); }
  body.gax-home-page .gax-home-drawer-head button { top:calc(var(--drawer-unit) * 6.666667); left:calc(var(--drawer-unit) * 5.333333); width:calc(var(--drawer-unit) * 8); height:calc(var(--drawer-unit) * 8); }
  body.gax-home-page .gax-home-drawer-head button img { width:calc(var(--drawer-unit) * 6.666667); height:calc(var(--drawer-unit) * 6.666667); }
  body.gax-home-page .gax-home-drawer-guest-actions { height:calc(var(--drawer-unit) * 12); gap:calc(var(--drawer-unit) * 2.133333); margin:calc(var(--drawer-unit) * 2.666667) 0 calc(var(--drawer-unit) * 2.133333); }
  body.gax-home-page .gax-home-drawer-guest-actions button { height:calc(var(--drawer-unit) * 12); font-size:calc(var(--drawer-unit) * 4.266667); line-height:calc(var(--drawer-unit) * 12); }
  body.gax-home-page .gax-home-drawer-account { min-height:calc(var(--drawer-unit) * 33.6); height:calc(var(--drawer-unit) * 33.6); margin-bottom:calc(var(--drawer-unit) * 2.133333); padding:calc(var(--drawer-unit) * 2.133333); border-radius:calc(var(--drawer-unit) * 2.133333); }
  body.gax-home-page .gax-home-drawer-account--guest { min-height:calc(var(--drawer-unit) * 21.6); height:calc(var(--drawer-unit) * 21.6); margin-bottom:calc(var(--drawer-unit) * 2.266667); }
  body.gax-home-page .gax-home-drawer-user { height:calc(var(--drawer-unit) * 12); }
  body.gax-home-page .gax-home-drawer-avatar { width:calc(var(--drawer-unit) * 10.666667); height:calc(var(--drawer-unit) * 10.666667); }
  body.gax-home-page .gax-home-drawer-user-info { margin-left:calc(var(--drawer-unit) * 2.666667); }
  body.gax-home-page .gax-home-drawer-user-info strong { font-size:calc(var(--drawer-unit) * 4.8); line-height:calc(var(--drawer-unit) * 6.666667); }
  body.gax-home-page .gax-home-drawer-id { height:calc(var(--drawer-unit) * 5.333333); font-size:calc(var(--drawer-unit) * 2.666667); line-height:calc(var(--drawer-unit) * 5.333333); }
  body.gax-home-page .gax-home-drawer-copy, body.gax-home-page .gax-home-drawer-copy img { width:calc(var(--drawer-unit) * 3.2); height:calc(var(--drawer-unit) * 3.2); }
  body.gax-home-page .gax-home-drawer-money { height:calc(var(--drawer-unit) * 5.333333); margin-top:calc(var(--drawer-unit) * 1.333333); margin-bottom:calc(var(--drawer-unit) * 1.333333); font-size:calc(var(--drawer-unit) * 5.333333); line-height:calc(var(--drawer-unit) * 5.333333); }
  body.gax-home-page .gax-home-drawer-money small { font-size:calc(var(--drawer-unit) * 4); }
  body.gax-home-page .gax-home-drawer-wallet-actions { height:calc(var(--drawer-unit) * 9.333333); gap:calc(var(--drawer-unit) * 2.4); }
  body.gax-home-page .gax-home-drawer-wallet-actions a { height:calc(var(--drawer-unit) * 9.333333); border-radius:calc(var(--drawer-unit) * 1.6); font-size:calc(var(--drawer-unit) * 3.733333); line-height:calc(var(--drawer-unit) * 9.333333); }
  body.gax-home-page .gax-home-drawer-wallet-actions a img { width:calc(var(--drawer-unit) * 5.6); height:calc(var(--drawer-unit) * 5.6); margin-right:calc(var(--drawer-unit) * 1.066667); }
  body.gax-home-page .gax-home-drawer-grid { gap:calc(var(--drawer-unit) * 1.333333) calc(var(--drawer-unit) * .6); padding-bottom:calc(var(--drawer-unit) * 1.333333); }
  body.gax-home-page .gax-home-drawer-grid a { height:calc(var(--drawer-unit) * 11.2); gap:calc(var(--drawer-unit) * 2.133333); padding:0 calc(var(--drawer-unit) * 2.133333); border-radius:calc(var(--drawer-unit) * 1.866667); }
  body.gax-home-page .gax-home-drawer-grid img { width:calc(var(--drawer-unit) * 5.333333); height:calc(var(--drawer-unit) * 5.333333); }
  body.gax-home-page .gax-home-drawer-grid span { font-size:calc(var(--drawer-unit) * 3.733333); line-height:calc(var(--drawer-unit) * 3.733333); }
  body.gax-home-page .gax-home-drawer-footer { height:auto; gap:calc(var(--drawer-unit) * 2.666667); margin-top:calc(var(--drawer-unit) * 4); padding:0; }
  body.gax-home-page .play77-drawer-code { flex-basis:calc(var(--drawer-unit) * 19.866667); height:calc(var(--drawer-unit) * 19.866667); padding:calc(var(--drawer-unit) * 1.333333) calc(var(--drawer-unit) * 2.666667); }
  body.gax-home-page .play77-drawer-code label { margin-bottom:calc(var(--drawer-unit) * 2.133333); font-size:calc(var(--drawer-unit) * 3.466667); line-height:calc(var(--drawer-unit) * 5.333333); }
  body.gax-home-page .play77-drawer-code-row { gap:calc(var(--drawer-unit) * 2.133333); }
  body.gax-home-page .play77-drawer-code input { height:calc(var(--drawer-unit) * 8.4); padding:0 calc(var(--drawer-unit) * 2.133333); border-radius:calc(var(--drawer-unit) * 1.066667); font-size:calc(var(--drawer-unit) * 3.733333); }
  body.gax-home-page .play77-drawer-code button { flex-basis:calc(var(--drawer-unit) * 18.666667); height:calc(var(--drawer-unit) * 8); border-radius:calc(var(--drawer-unit) * 1.066667); font-size:calc(var(--drawer-unit) * 3.733333); }
  body.gax-home-page .gax-home-drawer-footer .play77-drawer-support { flex-basis:calc(var(--drawer-unit) * 26.133333); height:calc(var(--drawer-unit) * 26.133333); padding:calc(var(--drawer-unit) * 1.333333) calc(var(--drawer-unit) * 2.666667); }
  body.gax-home-page .play77-drawer-support strong { font-size:calc(var(--drawer-unit) * 3.466667); line-height:calc(var(--drawer-unit) * 5.333333); }
  body.gax-home-page .play77-drawer-support-icons { align-items:flex-start; justify-content:space-between; gap:0; width:calc(var(--drawer-unit) * 40.533333); height:calc(var(--drawer-unit) * 10.133333); margin:calc(var(--drawer-unit) * 1.333333) auto 0; padding:calc(var(--drawer-unit) * 1.066667) calc(var(--drawer-unit) * 1.066667) 0; box-sizing:border-box; }
  body.gax-home-page .play77-drawer-support-icons img { width:calc(var(--drawer-unit) * 6.666667); height:calc(var(--drawer-unit) * 6.666667); }
  body.gax-home-page .play77-drawer-support small { font-size:calc(var(--drawer-unit) * 1.866667); line-height:calc(var(--drawer-unit) * 2.666667); }
  body.gax-home-page .gax-home-drawer-footer .play77-drawer-share, body.gax-home-page .gax-home-drawer-footer .play77-drawer-mascots { flex-basis:calc(var(--drawer-unit) * 18.866667); height:calc(var(--drawer-unit) * 18.866667); }
@media (min-width:751px) {
  body.gax-home-page .gax-home-drawer { --drawer-unit:5.2px; }
}
@media (max-width:750px) {
  body.gax-home-page .gax-home-app,
  body.gax-home-page .gax-home-shell { max-width:none !important; }
}
@media (min-aspect-ratio:5/9) {
  body.gax-home-page .gax-home-drawer { overflow-x:hidden; overflow-y:auto; }
  body.gax-home-page .gax-home-drawer-main { flex:none; min-height:auto; overflow:visible; }
  body.gax-home-page .gax-home-drawer-footer { flex:none; }
}
body.gax-home-page .gax-home-promo { left:50%; width:min(100%,520px); transform:translateX(-50%); }
body.gax-home-page .gax-home-promo-card { width:270px; margin-top:-52px; }
body.gax-home-page .gax-home-promo-card img { width:270px; height:318px; max-height:68vh; object-fit:fill; border-radius:11px; }
body.gax-home-page .gax-home-promo-card button { bottom:-46px; width:26px; height:26px; border:1px solid #ddd; background:rgba(0,0,0,.2); font-size:18px; line-height:23px; }

@media(max-width:520px) {
  body.gax-home-page .gax-home-header { padding:0 min(20px,4vw); }
  body.gax-home-page .gax-home-auth-button { width:min(92px,18vw); min-width:min(92px,18vw); font-size:min(17px,3.4vw); }
  body.gax-home-page .gax-home-register-wrap { flex-basis:min(92px,18vw); width:min(92px,18vw); }
  body.gax-home-page .gax-home-logo { flex-basis:min(111px,21.25vw); width:min(111px,21.25vw); }
  body.gax-home-page .gax-home-logo img { width:min(111px,21.25vw); }
  body.gax-home-page .gax-home-game-grid { column-gap:2.5vw; }
}

/* The reference homepage scales its vertical rhythm with the mobile canvas. */
body.gax-home-page .gax-home-header { height:min(57px,10.962vw); }
body.gax-home-page .gax-home-scroll { height:calc(100dvh - min(57px,10.962vw)); }
body.gax-home-page .gax-home-banner { width:calc(100% - min(40px,7.692vw)); margin:min(8px,1.538vw) min(20px,3.846vw) 0; }
body.gax-home-page .play77-promo-strip { gap:min(14px,2.692vw); margin:min(18px,3.462vw) min(20px,3.846vw) 0; }
body.gax-home-page .play77-promo-wide { margin:min(11px,2.115vw) min(20px,3.846vw) 0; }
body.gax-home-page .play77-search-trigger { width:calc(100% - min(28px,5.385vw)); height:min(50px,9.615vw); margin:min(14px,2.692vw) min(14px,2.692vw) 0; font-size:min(17px,4vw); line-height:normal; }
body.gax-home-page .play77-search-trigger span { height:auto; line-height:normal; }
body.gax-home-page .gax-home-announcement { height:min(60px,11.538vw); margin-top:min(14px,2.692vw); padding:0 min(20px,3.846vw); }
body.gax-home-page .gax-home-announcement-main { height:calc(100% - 1px); }
body.gax-home-page .gax-home-category-bar { height:min(71px,13.654vw); margin-top:min(20px,3.846vw); padding:0 min(20px,3.846vw); }
body.gax-home-page .gax-home-category-list { height:min(63px,12.115vw); }
body.gax-home-page .gax-home-sections { padding-top:min(10px,1.923vw); }
body.gax-home-page .gax-home-section { margin-bottom:min(22px,4.231vw); padding-bottom:clamp(2px,calc(5.75vw - 17.9px),12px); }
body.gax-home-page #gax-section-jdb { margin-top:min(44px,8.462vw); }

/* Scale the single-row provider heading with the phone viewport. */
@media (max-width: 520px) {
  body.gax-home-page .gax-home-section-head {
    display:grid;
    grid-template-columns:clamp(25px,7vw,36px) minmax(0,1fr) auto;
    align-items:center;
    height:clamp(32px,9.23vw,46px);
    margin-bottom:clamp(10px,3.2vw,16px);
    padding:0 min(20px,4.1vw) 0 min(13px,2.6vw);
  }
  body.gax-home-page .gax-home-section-head::before {
    width:50%;
    height:clamp(32px,9.23vw,46px);
  }
  body.gax-home-page .gax-home-section-icon {
    width:clamp(25px,7vw,36px);
    height:clamp(25px,7vw,36px);
    margin:0;
  }
  body.gax-home-page .gax-home-section-head h2 {
    min-width:0;
    margin:0 0 0 clamp(5px,1.5vw,8px);
    overflow:hidden;
    font-size:clamp(14px,4.1vw,19px);
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.gax-home-page .gax-home-section-actions {
    display:flex;
    align-items:center;
    gap:clamp(3px,1vw,5px);
    min-width:0;
    margin:0;
  }
  body.gax-home-page .gax-home-total {
    flex:0 0 clamp(33px,9.5vw,49px);
    width:clamp(33px,9.5vw,49px);
    min-width:0;
    height:clamp(22px,6vw,28px);
    margin:0;
    padding:0;
    font-size:clamp(12px,3.2vw,16px);
    line-height:normal;
  }
  body.gax-home-page .gax-home-more {
    flex:0 0 auto;
    width:clamp(32px,9.2vw,48px);
    height:clamp(22px,6vw,28px);
    margin:0;
    padding:0;
    font-size:clamp(12px,3.2vw,16px);
    line-height:normal;
  }
  body.gax-home-page .gax-home-lobby {
    flex:0 0 auto;
    width:clamp(80px,24.1vw,119px);
    height:clamp(24px,6vw,30px);
    gap:clamp(2px,.8vw,5px);
    margin:0;
    font-size:clamp(10px,3vw,13px);
  }
  body.gax-home-page .gax-home-lobby img { width:clamp(14px,4vw,20px); height:clamp(14px,4vw,20px); }
  body.gax-home-page .gax-home-game-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:min(13px,3.1vw);
    padding-right:min(20px,4.1vw);
    padding-left:min(20px,4.1vw);
  }
}