/* Only on the hosted site: sign-in screen, PC-offline banner, sign-out button. */
.hub-banner { position: sticky; top: 0; z-index: 20; padding: .55rem 16px; font-size: .88rem; text-align: center; background: #3a3110; color: var(--warn); border-bottom: 1px solid #5b4a20; }
#hub-login { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; background: radial-gradient(900px 500px at 70% -10%, #2a1f55 0%, transparent 60%), var(--bg); }
.hub-login-box { width: min(360px, 100%); display: grid; gap: .7rem; justify-items: center; text-align: center; background: var(--panel); border: 1px solid var(--line); border-radius: var(--r); padding: 1.6rem 1.2rem; }
.hub-login-box input { width: 100%; font-size: 16px; }
.hub-login-box button { width: 100%; }
.hub-signout { margin-left: auto; }