@media (width<=1023px){html body .dialog-layer .legacy-auth-panel .auth-dialog-title{text-align:left;padding-left:0}}.riftly-modal-backdrop .legacy-auth-panel{padding:24px;border-radius:16px!important}.riftly-modal-backdrop .legacy-auth-panel .auth-dialog-title{text-align:center;min-height:0;margin:0;padding:0 0 24px;font:600 20px/28px Inter,sans-serif;display:block}.riftly-modal-backdrop .legacy-auth-panel input{height:40px;min-height:0}.riftly-modal-backdrop .legacy-auth-panel .auth-nickname-field input{height:52px}.riftly-modal-backdrop .legacy-auth-panel form>button{height:20px;min-height:0;margin-top:16px}.riftly-modal-backdrop .legacy-auth-panel form>.riftly-layered-cta{height:40px;margin-top:24px;border-radius:8px!important;font-weight:600!important}.riftly-modal-backdrop .legacy-auth-panel .auth-code-form>.riftly-layered-cta{height:42px;margin-top:22px}.riftly-modal-backdrop .legacy-auth-panel .auth-nickname-form>.riftly-layered-cta{height:44px;margin-top:10px}.riftly-modal-backdrop .legacy-auth-panel>.auth-keyboard-content>button:not(.riftly-close-button){border-radius:999px;height:40px;min-height:0}.legacy-auth-panel button.bg-\[\#222222\],.legacy-auth-panel .auth-social-button{background:var(--dialog-inset-surface)}.legacy-auth-panel .auth-social-button:disabled{cursor:wait}.legacy-auth-panel .auth-social-button[aria-busy=true]{opacity:.6}.legacy-auth-panel .auth-social-button:focus-visible{outline-offset:2px;outline:2px solid #07f}.legacy-auth-panel .auth-social-button:not(:disabled):active{background:#333}@media (hover:hover) and (pointer:fine){.legacy-auth-panel .auth-social-button:not(:disabled):hover{background:#333}}.auth-code-form>p{overflow-wrap:anywhere}.auth-code-group{width:100%;min-width:0;margin:16px 0 0;padding:0;display:block}.auth-code-label{color:var(--text-medium);margin:0 0 8px;padding:0;font:400 14px/22px Inter,sans-serif;display:block}.auth-code-grid{grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.auth-code-cell{aspect-ratio:1;min-width:0;display:block;position:relative}.riftly-modal-backdrop .legacy-auth-panel .auth-code-cell>.auth-code-input{aspect-ratio:auto;width:100%;height:100%;min-height:0;position:absolute;inset:0}.auth-code-feedback{margin-top:8px;display:block}.auth-code-resend{min-height:32px;color:var(--text-link);text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font:500 13px/20px Inter,sans-serif}.auth-code-resend:disabled{color:var(--text-medium);cursor:default}@media (width<=380px){.auth-code-grid{gap:6px}}.welcome-screen .welcome-screen-panel{padding:24px 20px;overflow-y:auto}.welcome-screen .welcome-brand-content{text-align:center;width:min(100%,960px);transition:opacity .15s var(--ease-out);margin:auto;padding:0;transform:none}.welcome-brand-content .welcome-screen-title{flex-direction:column;align-items:center;gap:clamp(10px,2vw,18px);width:100%;margin:0;font:700 clamp(26px,4.5vw,56px)/1.2 Unbounded,sans-serif;display:flex}.welcome-brand-content .welcome-screen-title>span{opacity:0;max-width:100%;transition:opacity .22s var(--ease-out), transform .28s var(--ease-out);transform:translateY(10px)}.welcome-brand-content[data-ready=true] .welcome-screen-title>span{opacity:1;transform:translateY(0)}.welcome-brand-content .welcome-screen-kicker{font:inherit;color:#fff;text-wrap:balance;font-size:clamp(20px,4vw,48px)}.welcome-brand-content .welcome-screen-name{color:#fff;overflow-wrap:anywhere;transition-delay:60ms!important}.welcome-screen[data-state=closing] .welcome-brand-content{opacity:0;transform:none}.welcome-screen[data-state=closing] .welcome-screen-title>span{opacity:0;transition-duration:.12s;transform:translateY(-6px);transition-delay:0s!important}@media (prefers-reduced-motion:reduce){.welcome-screen .welcome-screen-title>span{transition:opacity .12s;transition-delay:0s!important;transform:none!important}}.riftly-modal-backdrop .legacy-auth-panel[data-auth-screen=email-code]{padding:24px;width:min(100%,456px)!important}.riftly-modal-backdrop .legacy-auth-panel[data-auth-screen=email-code] .auth-dialog-title{padding-bottom:12px}.auth-code-grid{gap:10px}.riftly-modal-backdrop .legacy-auth-panel .auth-code-input{border-radius:8px;box-shadow:inset 0 0 0 1px #343437}.riftly-modal-backdrop .legacy-auth-panel .auth-code-input:focus{box-shadow:inset 0 0 0 1px #343437}.auth-code-resend{white-space:nowrap;text-align:right;justify-content:flex-end;align-items:center;width:100%;height:28px;min-height:28px;margin:0;font-size:14px;display:flex}.riftly-modal-backdrop .legacy-auth-panel .auth-code-form>.riftly-layered-cta{margin-top:20px}@media (width<=380px){.riftly-modal-backdrop .legacy-auth-panel[data-auth-screen=email-code]{padding:20px}.auth-code-grid{gap:6px}.auth-code-resend{font-size:13px}}html body .riftly-modal-backdrop .legacy-auth-panel[data-auth-screen]{--text-high:#d6d6d6;--text-medium:#aaa;padding:24px;width:min(100%,456px)!important}html body .legacy-auth-panel .auth-dialog-title{color:var(--text-high);font-weight:600}html body .legacy-auth-panel :is(label,legend){color:var(--text-medium);font:400 14px/22px Inter,sans-serif}html body .legacy-auth-panel .auth-code-form>p{max-width:100%;font-size:15px;line-height:23px}html body .legacy-auth-panel .auth-code-form>p strong{font-weight:500}html body .legacy-auth-panel .auth-code-resend{font-variant-numeric:tabular-nums}html body .legacy-auth-panel .auth-code-form>button:not(.riftly-layered-cta){color:var(--text-link)}html body .legacy-auth-panel .auth-nickname-field input{border-radius:8px;height:44px;padding-inline:12px;font-weight:400}html body .legacy-auth-panel .auth-nickname-help{margin-top:8px}html body .legacy-auth-panel .auth-nickname-help p{font-size:13px;line-height:20px}@media (width<=768px){html body .riftly-modal-backdrop .legacy-auth-panel[data-auth-screen]{padding:24px 8px}}html body .riftly-modal-backdrop .legacy-auth-panel .auth-dialog-title{padding-bottom:24px}html body .riftly-modal-backdrop .legacy-auth-panel>.auth-keyboard-content>form>.riftly-layered-cta{height:44px;min-height:44px;margin-top:24px}html body .riftly-modal-backdrop .legacy-auth-panel .auth-code-feedback,html body .riftly-modal-backdrop .legacy-auth-panel .auth-nickname-help{margin-bottom:0}html body .riftly-modal-backdrop .legacy-auth-panel .auth-code-form>.riftly-layered-cta{margin-top:16px}html body .auth-dialog-backdrop .dialog-content>.auth-referral-notice{border:1px solid color-mix(in srgb, var(--badge-new-color) 28%, #222);text-align:center;overflow-wrap:anywhere;border-radius:999px;flex-shrink:0;width:max-content;max-width:100%;margin:16px auto auto;padding:8px 12px;font:600 12px/18px Inter,sans-serif;background:color-mix(in srgb, var(--badge-new-color) 12%, #222)!important;color:var(--badge-new-color)!important}@media (width>=769px){html body .dialog-layer.auth-dialog-backdrop[data-referral=true] .dialog-content>.auth-dialog-panel{margin:auto auto 0!important}.auth-referral-notice{transition:opacity .15s var(--ease-out), transform .15s var(--ease-out)}.auth-dialog-backdrop[data-state=closing] .auth-referral-notice{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.auth-dialog-backdrop[data-state=closing] .auth-referral-notice{transform:none}}.auth-content-pass-through{display:contents}.auth-keyboard-content{width:100%;min-width:0;display:flow-root}@media (width<=768px){html body .welcome-screen,html body .welcome-screen-panel{background:#191919!important}}.auth-code-error{opacity:0;width:100%;transition:opacity .15s var(--ease-out)}.auth-code-error>div{min-height:0;overflow:hidden}.auth-code-error p{padding-bottom:4px}.auth-code-error[data-visible=true]{opacity:1}@starting-style{.auth-code-error[data-visible=true]{opacity:0}}@media (prefers-reduced-motion:reduce){.auth-code-error{transition:none}}html body .riftly-modal-backdrop .legacy-auth-panel>.auth-keyboard-content>.auth-code-form>.riftly-layered-cta{margin-top:16px}.auth-action-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite auth-action-spin;display:inline-block}@keyframes auth-action-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-action-spinner{opacity:.65;animation:none}}
