#login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 640px;
  min-height: 480px;
}

#login-wrapper #login-inner {
  justify-content: center;
  position: relative;
  height: 100%;
  min-width: 640px;
  min-height: 480px;
  display: flex;
}

.password-input {
  text-align: center;
}

#login-wrapper #login-inner img {
  height: 100%;
}

#login-wrapper #login-inner .login-settings button {
  margin: 4px;
  width: 108px;
  height: 32px;
}

#login-wrapper #login-inner .login-settings {
  border: 1px solid black;
  position: absolute;
  left: 32px;
  bottom: 32px;
  padding: 12px;
  background-color: rgba(0, 0, 0, 0.45);
  width: 116px;
}

#login-wrapper #login-inner .login-version {
  position: absolute;
  width: auto;
  top: 4px;
  left: 10px;
  color: white;
}
/* V26.9: stable login geometry even before the artwork loads or when DevTools is open. */
#login-wrapper {width:100%;min-width:0;min-height:0;overflow:hidden;}
#login-wrapper #login-inner {width:100%;min-width:0;min-height:0;overflow:hidden;isolation:isolate;}
#login-wrapper #login-inner .rook269-background {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;}
#rook269-assets-status {display:block;font-size:11px;margin-top:4px;color:#eee4bb;}
#rook269-assets-retry[hidden]{display:none!important;}
#login-wrapper .login-version {z-index:2;}