/* Use the approved artwork itself: no recreated logo, title, or scenery. */
body:has(#login-view:not(.hidden)) .stars{display:none!important}
#login-view.login:not(.splash-signin){position:relative;min-height:100dvh;height:100dvh;padding:0!important;background:#010718 url('/login-approved.png?v=4') center center/100% 100% no-repeat!important;overflow:hidden}
#login-view.login:not(.splash-signin) .login-brand{display:none!important}
#login-view.login:not(.splash-signin) form{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;background:none!important}
#login-view.login:not(.splash-signin) form>label,#login-view.login:not(.splash-signin) form .error{display:none!important}
#login-view.login:not(.splash-signin) form>.primary{position:absolute!important;top:79.6%!important;left:8%!important;width:84%!important;height:5.8%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer}
#login-view.login:not(.splash-signin) .splash-extra{display:contents!important}
#login-view.login:not(.splash-signin) .splash-extra button{position:absolute!important;left:8%!important;width:84%!important;height:5.6%!important;min-height:0!important;opacity:0!important;cursor:pointer}
#login-view.login:not(.splash-signin) #splash-create{top:86.4%!important}
#login-view.login:not(.splash-signin) #splash-guest{top:93.2%!important}
#login-view.login:not(.splash-signin) button:focus-visible{opacity:.45!important;outline:3px solid #b3eaff}
#login-view.splash-signin{background:linear-gradient(180deg,#010720e6,#040a26ee),url('/login-approved.png?v=4') center/cover!important;display:flex!important;flex-direction:column;justify-content:center}
#login-view.splash-signin .login-brand{height:auto!important;padding:15px 20px!important}
#login-view.splash-signin .login-brand::after{display:none!important}
#login-view.splash-signin form{background:#06112fe8;border:1px solid #3378e2;border-radius:18px;padding:20px!important;max-width:400px}
#login-view.splash-signin form>label{display:grid!important}
#login-view.splash-signin form .primary{opacity:1!important}

/* Updated approved artwork: adjust invisible click targets to button artwork */
#login-view.login:not(.splash-signin) form>.primary{top:78.2%!important;height:5.3%!important}
#login-view.login:not(.splash-signin) #splash-create{top:84.3%!important;height:5.4%!important}
#login-view.login:not(.splash-signin) #splash-guest{top:90.2%!important;height:5.5%!important}
/* Sign-in mode: cover printed splash buttons, show only live form */
#login-view.splash-signin{position:relative!important;min-height:100dvh!important;background:#02091e!important;justify-content:center!important}
#login-view.splash-signin::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#030a22 0%,#08133a 60%,#030a22 100%);z-index:0}
#login-view.splash-signin .login-brand,#login-view.splash-signin form{position:relative!important;z-index:1}
#login-view.splash-signin .login-brand{padding:10px 20px!important}
#login-view.splash-signin .login-brand .spin-subbrand{font-size:1.5rem!important}
#login-view.splash-signin .login-brand .muted{display:none!important}
#login-view.splash-signin form{max-width:400px!important;width:90%!important;margin:12px auto!important}
#login-view.splash-signin .splash-extra{display:none!important}
/* Authentication visibility takes precedence over all splash rules. */
#login-view.hidden,#dashboard.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
#login-view:not(.hidden)~#dashboard{display:none!important}
body:has(#dashboard:not(.hidden)) #login-view{display:none!important}
body:has(#dashboard:not(.hidden)) .shell{max-width:500px!important;padding:12px 14px 100px!important}
body:has(#dashboard:not(.hidden)) .bottom-nav{position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100%,500px)!important;z-index:40!important}
body:has(#dashboard:not(.hidden)) .brandbar img{content:url('/marketing-emblem.svg?v=1');object-fit:contain}