/* Account access uses the same artwork and lilac / mint palette as the casino. */
dialog.auth-dialog{width:850px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #494254;border-radius:20px;background:#181d28;overflow:auto;box-shadow:0 28px 120px #0009}
dialog.auth-dialog::backdrop{background:#080b14b8;backdrop-filter:blur(8px)}
.auth-dialog .dialog-close{z-index:5;right:12px;top:12px;width:30px;height:30px;border-radius:8px;background:#ffffff07;color:#a9a5b9}
.auth-dialog .dialog-close:hover{background:#ffffff10;color:#fff}
.auth-dialog .dialog-close .ui-icon{width:16px;height:16px}
.auth-layout{display:grid;grid-template-columns: .9fr 1.1fr;min-height:550px}
.auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:34px 30px;min-width:0;overflow:hidden;background:#120f22;border-right:1px solid #65568630}
.auth-brand{z-index:2;align-self:flex-start;font-size:32px;color:#fff}
.auth-brand span{color:#c1ffa8}
.auth-art{position:absolute;z-index:-2;left:-5%;top:75px;width:110%;height:auto;max-width:none;object-fit:cover;opacity:.9;pointer-events:none}
.auth-story::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#120f2230 0%,#120f2200 40%,#120f22d9 68%,#120f22 100%)}
.auth-story-copy{padding-top:270px;position:relative}
.auth-story-kicker{display:block;color:#b8a5df;font-size:10px;letter-spacing:.8px;font-weight:650;margin-bottom:13px}
.auth-story h2{font-size:45px;line-height:1.06;letter-spacing:-1.9px;font-weight:850;margin:0;color:#f6f1ff}
.auth-story h2 span{color:#d5c6ff}
.auth-story-copy p{margin:18px 0 0;color:#9792ae;font-size:11px;line-height:1.9}
.auth-form-panel{padding:34px 34px 30px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.auth-mode-switch{display:flex;gap:5px;padding:4px;background:#11151e;border:1px solid #353643;border-radius:10px;align-self:flex-start;margin-bottom:30px}
.auth-mode-switch button{height:32px;padding:0 16px;border-radius:6px;background:transparent;color:#9093a5;font-size:11px;font-weight:650;white-space:nowrap}
.auth-mode-switch button[aria-pressed=true]{background:#d9ceff;color:#392b54;box-shadow:0 2px 7px #0002}
.auth-mode-switch button:hover{color:#d9ceff;filter:none}
.auth-mode-switch button[aria-pressed=true]:hover{color:#392b54;background:#e2d9ff}
.auth-form-heading{margin-bottom:26px}
.auth-eyebrow{color:#8992a7;font-size:10px;letter-spacing:.7px;font-weight:600}
.auth-form-heading h2{margin:9px 0 10px;font-size:33px;line-height:1.1;letter-spacing:-1.2px;font-weight:800;color:#f5f3fb}
.auth-form-heading p{margin:0;max-width:285px;color:#8f98ad;font-size:12px;line-height:1.65}
.auth-dialog #auth-form{display:flex;flex-direction:column;gap:17px}
.auth-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.auth-dialog .auth-field label{font-size:11px;font-weight:600;color:#c5cad7;margin:0}
.auth-dialog .auth-field input{height:47px;min-height:0;min-width:0;width:100%;padding:0 14px;margin:0;border:1px solid #3c4050;border-radius:9px;background:#111721;color:#f0f2fc;font-size:13px;font-weight:500;box-shadow:inset 0 1px 0 #0001;transition:border-color .15s,box-shadow .15s}
.auth-dialog .auth-field input::placeholder{color:#6f7a90;font-size:12px;font-weight:400}
.auth-dialog .auth-field input:focus{outline:0;border-color:#b7a2f2;box-shadow:0 0 0 3px #b7a2f214}
.auth-dialog .auth-field input:-webkit-autofill{-webkit-text-fill-color:#f0f2fc;-webkit-box-shadow:0 0 0 1000px #192032 inset}
.auth-password-field{position:relative;display:flex;align-items:center}
.auth-dialog .auth-password-field input{padding-right:66px}
.auth-reveal{position:absolute;right:4px;top:0;bottom:0;min-width:52px;padding:0 8px;background:transparent;color:#aba0cb;border-radius:5px;font-size:10px;font-weight:650}
.auth-reveal:hover{color:#ded0ff;background:#d5c6ff0a;filter:none}
.auth-dialog #auth-status{min-height:0;margin:0;padding:11px 12px;border:1px solid #8cc0a733;border-radius:8px;background:#7ba18b0b;color:#bce7c3;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.auth-dialog #auth-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
.auth-dialog #auth-status.auth-error{background:#b5545b10;border-color:#f3808b33;color:#f9a8b1}
.auth-dialog .auth-submit{height:48px;margin:3px 0 0;border:1px solid #d9ffbe;border-radius:9px;background:#c1ffa8;color:#203118;font-size:13px;font-weight:800;box-shadow:none;transition:background .15s,transform .15s}
.auth-dialog .auth-submit:hover{background:#d5ffc3;filter:none;transform:translateY(-1px)}
.auth-dialog .auth-submit:disabled{transform:none;opacity:.55}
.auth-dialog .auth-switch-copy{margin:21px 0 0;text-align:center;font-size:11px;color:#7f8b9e;line-height:1.6}
.auth-dialog .auth-switch{display:inline;margin:0;padding:0 0 0 3px;width:auto;background:transparent;color:#d5c6ff;font-size:11px;font-weight:650;text-decoration:none}
.auth-dialog .auth-switch:hover{text-decoration:underline;text-underline-offset:3px;filter:none}
.auth-signup .auth-form-panel{padding-top:30px;padding-bottom:27px}
.auth-signup .auth-mode-switch{margin-bottom:23px}
.auth-signup .auth-form-heading{margin-bottom:22px}
.auth-signup #auth-form{gap:14px}
.auth-signup .auth-field input{height:44px}
.auth-signup .auth-story{padding-bottom:35px}
@media(max-width:760px){dialog.auth-dialog{width:440px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:17px}.auth-layout{display:block;min-height:0}.auth-story{display:none}.auth-form-panel{padding:31px 30px 29px}.auth-mode-switch{margin-bottom:27px}.auth-form-heading h2{font-size:32px}.auth-form-heading p{max-width:none}.auth-signup .auth-form-panel{padding:30px 30px 26px}.auth-signup .auth-mode-switch{margin-bottom:24px}}
@media(max-width:400px){dialog.auth-dialog{max-width:calc(100vw - 22px);max-height:calc(100dvh - 22px);border-radius:15px}.auth-form-panel,.auth-signup .auth-form-panel{padding:29px 23px 26px}.auth-form-heading h2{font-size:29px;letter-spacing:-1px}.auth-mode-switch button{padding:0 14px;font-size:10px}.auth-form-heading p{font-size:11px}.auth-dialog .auth-switch-copy,.auth-dialog .auth-switch{font-size:10px}.auth-dialog .dialog-close{right:9px;top:10px;width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.auth-dialog *{transition:none!important}}