#xxiiiAuthOverlay{position:fixed;inset:0;z-index:10005;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
#xxiiiAuthDialog{position:relative;width:min(460px,94vw);max-height:min(760px,92vh);overflow:auto;box-sizing:border-box;padding:30px 28px 24px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(160deg,#202722 0%,#101412 72%);color:#f7faf8;box-shadow:0 26px 100px rgba(0,0,0,.68);font-family:inherit;text-align:center}
#xxiiiAuthDialog h2{margin:10px 0 8px;font-size:25px;line-height:1.16;color:#fff}
#xxiiiAuthDialog p{margin:0 0 20px;color:rgba(245,250,247,.72);font-size:14px;line-height:1.45}
#xxiiiAuthClose{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1;cursor:pointer}
#xxiiiAuthClose:hover{background:rgba(255,255,255,.16)}
.xxiiiAuthBadge{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 8px;overflow:hidden;border:1px solid rgba(143,245,180,.28);border-radius:17px;background:rgba(5,12,8,.9);box-shadow:0 8px 28px rgba(51,209,122,.25)}
.xxiiiAuthBadge img{display:block;width:100%;height:100%;object-fit:contain}
.xxiiiAuthProvider,#xxiiiGuestContinue,#xxiiiAuthSignOut{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin:10px 0 0;padding:10px 16px;border-radius:13px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease}
.xxiiiAuthProvider{border:1px solid rgba(255,255,255,.23);background:#f7f8f7;color:#151916}
.xxiiiAuthProvider:hover:not(:disabled),#xxiiiGuestContinue:hover,#xxiiiAuthSignOut:hover{filter:brightness(1.08);transform:translateY(-1px)}
.xxiiiAuthProvider:disabled{opacity:.48;cursor:not-allowed}
.xxiiiGoogleMark{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:#4285f4;font:bold 17px Arial,sans-serif}
#xxiiiAuthStatus,#xxiiiAuthStatsNotice{min-height:18px;margin:12px 0 0;color:rgba(245,250,247,.72);font-size:12px;line-height:1.4}
#xxiiiAuthStatus[data-state="error"]{color:#ffaaa8}
#xxiiiAuthStatus[data-state="success"]{color:#8ff5b4}
.xxiiiAuthDivider{display:flex;align-items:center;gap:12px;margin:17px 0 9px;color:rgba(245,250,247,.5);font-size:12px}
.xxiiiAuthDivider:before,.xxiiiAuthDivider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.12)}
#xxiiiGuestContinue{border:1px solid rgba(143,245,180,.52);background:rgba(143,245,180,.1);color:#a4f7c1}
#xxiiiAuthDialog #xxiiiAuthFinePrint{margin:15px 0 0;font-size:11px;color:rgba(245,250,247,.52)}
.xxiiiAuthAccountHead{display:flex;align-items:center;gap:14px;margin:8px 0 20px;text-align:left}
#xxiiiAuthAvatar{display:none;width:58px;height:58px;flex:0 0 58px;border:2px solid rgba(143,245,180,.75);border-radius:50%;object-fit:cover;background:#252b27}
#xxiiiAuthName{margin:0 0 3px!important;font-size:21px!important;overflow-wrap:anywhere}
#xxiiiAuthEmail{margin:0!important;font-size:12px!important;overflow-wrap:anywhere}
.xxiiiAuthStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;text-align:left}
.xxiiiAuthStats[hidden],#xxiiiAuthAccountPanel[hidden]{display:none!important}
.xxiiiAuthStats>div{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.045)}
.xxiiiAuthStats span{color:rgba(245,250,247,.7);font-size:11px;line-height:1.2}
.xxiiiAuthStats strong{color:#9af5ba;font-size:16px}
.xxiiiRandomStatsTitle{margin:18px 0 -7px;color:#f4c542;font-size:12px;letter-spacing:.9px;text-align:left}.xxiiiRandomStatsTitle+#xxiiiRandomStats{margin-top:13px}
#xxiiiAuthSignOut{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
#xxiiiProfileBtn{width:min(240px,100%);min-width:0;max-width:100%;min-height:38px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#xxiiiLiveProfileBtn{position:relative;z-index:auto;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;border:1px solid rgba(143,245,180,.48);border-radius:9px;background:rgba(12,18,14,.88);color:#a4f7c1;font-family:inherit;font-size:13px;font-weight:800;line-height:1.2;cursor:pointer}
#xxiiiLiveProfileBtn[hidden]{display:none!important}
#xxiiiAuthNicknameLabel{display:block;margin:0 0 6px;text-align:left;color:rgba(245,250,247,.76);font-size:12px;font-weight:700}
.xxiiiNicknameRow{display:flex;gap:8px;align-items:stretch}
#xxiiiNicknameInput{flex:1;min-width:0;height:42px;box-sizing:border-box;padding:0 11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(0,0,0,.28);color:#fff;font-family:inherit;font-size:14px;font-weight:600;outline:none}
#xxiiiNicknameInput:focus{border-color:#8ff5b4;box-shadow:0 0 0 2px rgba(143,245,180,.16)}
#xxiiiNicknameSave{min-width:86px;padding:0 14px;border:1px solid rgba(143,245,180,.6);border-radius:10px;background:#8ff5b4;color:#07110b;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
#xxiiiNicknameSave:disabled{opacity:.55;cursor:wait}
#xxiiiNicknameNotice{min-height:17px;margin:6px 0 10px;text-align:left;color:rgba(245,250,247,.68);font-size:11px}
#xxiiiNicknameNotice[data-state="error"]{color:#ffaaa8}
#xxiiiNicknameNotice[data-state="success"]{color:#8ff5b4}
#xxiiiAuthTrackingNote{margin:10px 0!important;text-align:left;font-size:11px!important;color:rgba(245,250,247,.55)!important}
@media(max-width:480px){#xxiiiAuthDialog{padding:27px 19px 21px;border-radius:20px}#xxiiiAuthDialog h2{font-size:22px}.xxiiiAuthStats>div{padding:7px 8px}.xxiiiAuthStats span{font-size:10px}}
