.auth-shell{min-height:100dvh}.auth-gap{pointer-events:none;flex:1 1 0;width:100%;min-height:2.5rem;position:relative}.auth-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-navy) 55%, transparent), transparent);width:600px;height:640px;margin-left:-300px;position:absolute;bottom:-300px;left:50%}.auth-bands{height:100%;max-height:200px;position:absolute;left:0;right:0;overflow:hidden}.auth-bands-top{top:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 86%);mask-image:linear-gradient(#000 30%,#0000 86%)}.auth-bands-bottom{bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%);mask-image:linear-gradient(#0000 0%,#000 60%)}.auth-band,.auth-stripe{position:absolute;transform:skew(-12deg)}.auth-bands-top>*{transform-origin:0 0;height:400px;top:0}.auth-bands-bottom>*{transform-origin:0 100%;height:260px;bottom:0}.auth-bands-top>.auth-band{background:linear-gradient(160deg, color-mix(in srgb, var(--brand-navy) 85%, var(--accent)) 0%, var(--brand-navy) 55%);left:calc(50% + 41px);right:-100px}.auth-bands-bottom>.auth-band{background:var(--brand-navy);left:-100px;right:calc(50% + 95px)}.auth-stripe-accent{background:var(--accent);width:8px}.auth-stripe-steel{background:var(--brand-steel);width:4px}.auth-bands-top>.auth-stripe-accent{left:calc(50% + 21px)}.auth-bands-top>.auth-stripe-steel{left:calc(50% + 7px)}.auth-bands-bottom>.auth-stripe-accent{left:calc(50% - 83px)}.auth-bands-bottom>.auth-stripe-steel{left:calc(50% - 65px)}.auth-card{box-shadow:0 24px 48px #00000080}.auth-shell-lobby>.auth-gap:first-child{flex:none;height:max(2.5rem,50svh - 210px)}
