/* Account artwork occupies the full narrow canvas, while the form remains centered. */
body.play77-auth-page #auth_window .ant-modal-mask { left:50%; width:min(100%,520px); transform:translateX(-50%); background:rgba(0,0,0,.65) !important; backdrop-filter:blur(5px); }
body.play77-auth-page #auth_window .ant-modal-wrap { padding:0; }
body.play77-auth-page #auth_window .ant-modal { width:min(100vw,520px) !important; max-width:520px; flex:0 0 min(100vw,520px); height:100dvh; max-height:100dvh; overflow:auto; border-radius:0; }
body.play77-auth-page #auth_window .ant-modal-content,
body.play77-auth-page #auth_window .ant-modal-body { width:100%; min-height:100dvh; height:100%; max-height:none; overflow:visible; border-radius:0; box-shadow:none; background:#041900 url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/auth-bg.png') center top / 100% 100% no-repeat !important; }
body.play77-auth-page #auth_window .ant-modal-body { display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; padding:0 24px !important; }
body.play77-auth-page #auth_window .gax-auth-head { width:100%; height:114px; padding:0 20px; justify-content:space-between; border-radius:20px 20px 0 0; background:linear-gradient(#388f23,#266914); }
body.play77-auth-page #auth_window .gax-auth-tabs { flex:0 0 auto; width:auto; height:auto; }
body.play77-auth-page #auth_window .gax-auth-tab { display:none; padding:0; color:white; font-size:47px; font-weight:400; line-height:1; }
body.play77-auth-page #auth_window .gax-auth-tab.is-active { display:block; }
body.play77-auth-page #auth_window .gax-auth-tab.is-active::after { display:none; }
body.play77-auth-page #auth_window .play77-auth-switch { display:none; width:222px; color:#d4d8d2; font-size:18px; font-weight:bold; line-height:24px; }
body.play77-auth-page #auth_window:has(#gax-pane-login.is-active) .play77-auth-switch.is-login,
body.play77-auth-page #auth_window:has(#gax-pane-register.is-active) .play77-auth-switch.is-register { display:block; }
body.play77-auth-page #auth_window .play77-auth-switch.is-login { position:absolute; top:32px; left:179px; width:270px; }
body.play77-auth-page #auth_window .play77-auth-switch button { display:block; padding:0; border:0; background:none; color:#ffdf64; font:inherit; cursor:pointer; text-align:left; }
body.play77-auth-page #auth_window #gax-auth-close { position:fixed; top:26px; right:max(26.5px,calc((100vw - 520px)/2 + 26.5px)); width:30px; height:30px; background:transparent; color:#001a00; font-size:0; }
body.play77-auth-page #auth_window #gax-auth-close::before { position:absolute; top:4px; left:4px; width:22px; height:22px; border-radius:50%; background:#a9eb71; content:''; }
body.play77-auth-page #auth_window #gax-auth-close span::before,
body.play77-auth-page #auth_window #gax-auth-close span::after { top:14px; left:8px; width:14px; background:#073606; }
body.play77-auth-page #auth_window .gax-auth-body { width:100%; margin:0; padding:0 20px 40px; border-radius:0 0 20px 20px; background:linear-gradient(#266914,#113b09); }
body.play77-auth-page #auth_window .gax-auth-body:has(#gax-pane-register.is-active) .gax-agree { margin-bottom:54px; }
body.play77-auth-page #auth_window .gax-field { height:62px; margin:0 0 10px; padding:0 16px; border:1px solid #6a9a55; border-radius:9px; background:rgba(255,255,255,.06); }
body.play77-auth-page #auth_window .gax-phone-field { padding-left:16px; }
body.play77-auth-page #auth_window .gax-country-trigger { min-width:95px; margin:0 10px 0 0; padding:0; border-right:1px solid #8ea380; gap:8px; }
body.play77-auth-page #auth_window .gax-country-flag,
body.play77-auth-page #auth_window [data-country='BR'] .gax-country-flag { display:block; width:38px; height:28px; border-radius:0; background:url('https://d2xzmbk1lnguwx.cloudfront.net/releases/20261013072345-ec28983f/static/image/play77/br-flag.png') center / contain no-repeat; color:transparent; font-size:0; }
body.play77-auth-page #auth_window #gax-pane-login .gax-country-trigger { width:auto; justify-content:flex-start; }
body.play77-auth-page #auth_window #gax-pane-login .gax-country-trigger::before { display:none; }
body.play77-auth-page #auth_window #gax-pane-login .gax-country-flag,
body.play77-auth-page #auth_window #gax-pane-login .gax-phone-dial { display:block; }
body.play77-auth-page #auth_window .gax-phone-dial { color:#fff; font-size:15px; }
body.play77-auth-page #auth_window .gax-field input { color:#fff; font-size:18px; }
body.play77-auth-page #auth_window .gax-field input:-webkit-autofill,
body.play77-auth-page #auth_window .gax-field input:-webkit-autofill:hover,
body.play77-auth-page #auth_window .gax-field input:-webkit-autofill:focus { -webkit-text-fill-color:#fff; box-shadow:0 0 0 100px #28611b inset !important; transition:background-color 9999s ease-out; }
body.play77-auth-page #auth_window .gax-field input::placeholder { color:#8ca180; }
body.play77-auth-page #auth_window .gax-field-icon { width:32px; height:32px; margin-right:8px; color:#e2ae67; }
body.play77-auth-page #auth_window .gax-field-icon::before { content:'🔒'; font:24px Arial,sans-serif; }
body.play77-auth-page #auth_window .gax-field-eye:not(.is-password-visible)::before { color:#92b780; }
body.play77-auth-page #auth_window .gax-agree { align-items:center; gap:12px; margin:17px 0 46px; color:#fff; font-size:11px; line-height:16px; }
body.play77-auth-page #auth_window .gax-agree input { width:18px; height:18px; flex-basis:18px; border:2px solid #d9e5cc; border-radius:4px; background:transparent; }
body.play77-auth-page #auth_window .gax-agree input:checked { background:#3e982d; }
body.play77-auth-page #auth_window .gax-agree .gax-link { color:#a9c2a3; text-decoration:underline; }
body.play77-auth-page #auth_window .gax-submit { height:60px; border-radius:8px; background:linear-gradient(90deg,#fff34a,#f6b13b); box-shadow:none; color:#000; font-size:24px; font-weight:bold; }
body.play77-auth-page #auth_window #gax-pane-login .gax-submit { margin-top:32px; }
body.play77-auth-page #auth_window .gax-auth-tab:focus-visible { outline:0; }
@media(max-width:520px) {
  body.play77-auth-page #auth_window .gax-auth-tab { font-size:9vw; }
  body.play77-auth-page #auth_window .play77-auth-switch { width:48%; font-size:3.2vw; line-height:1.5; }
  body.play77-auth-page #auth_window .play77-auth-switch.is-login { left:38%; width:58%; }
  body.play77-auth-page #auth_window .gax-auth-head { height:22vw; }
}